/* Trust Badges */
.trust-badges-section {
	margin-bottom: 40px;
}

.trust-badges-container {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	background-color: var(--color-white);
	padding: 20px;
	border-radius: var(--radius-md);
	box-shadow: var(--shadow-sm);
}

.badge-item {
	display: flex;
	align-items: center;
	gap: 12px;
}

.badge-item i {
	font-size: 24px;
	color: var(--color-primary);
}

.badge-text {
	display: flex;
	flex-direction: column;
}
.badge-text strong {
	font-size: 14px;
	color: var(--color-text-main);
}
.badge-text span {
	font-size: 12px;
	color: var(--color-text-muted);
}

/* Product Blocks */
.product-blocks-section {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.block-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 15px;
}

.block-title {
	font-size: 24px;
	font-weight: 700;
}

.block-link {
	font-size: 16px;
	font-weight: 700;
	color: var(--color-primary);
}

.block-link i {
	font-size: 13px;
}

/* Desktop: "Tüm Ürünleri Gör" görünür, "Tümü" gizli */
.block-link-mobile  { display: none; }
.block-link-desktop { display: inline; }
}

.product-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	gap: 20px;
}

.product-card {
	background-color: var(--color-white);
	border-radius: var(--radius-md);
	padding: 15px;
	box-shadow: var(--shadow-sm);
	transition: all 0.3s ease;
	display: flex;
	flex-direction: column;
	gap: 15px;
	cursor: pointer;
}

.product-card:hover {
	transform: translateY(-5px);
	box-shadow: var(--shadow-md);
}

.product-image {
	background-color: var(--color-bg);
	border-radius: var(--radius-sm);
	height: 160px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.product-placeholder-icon {
	font-size: 60px;
	color: var(--color-text-muted);
	opacity: 0.5;
}

.product-details {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.product-name {
	font-size: 14px;
	font-weight: 700;
	color: var(--color-text-main);
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.product-meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: auto;
}

.product-price {
	font-weight: 700;
	font-size: 16px;
	color: var(--color-text-main);
}

.product-rating {
	font-size: 12px;
	font-weight: 600;
	color: var(--color-text-main);
	display: flex;
	align-items: center;
	gap: 4px;
}
.product-rating i {
	color: var(--color-warning);
}

/* =========================================
   Favorites (Wishlist) Styles
========================================= */
.tasario-products-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: 30px;
}

/* Ürün kartları — eşit yükseklik (en uzun karta göre hizalanır) */
[class*="tasario-product-swiper"] .swiper-wrapper {
	align-items: stretch;
}

/* YÜKLENME (SKELETON) AŞAMASI: Swiper.js başlatılmadan önce kart genişliklerinin (örneğin 2.2 oranı) gerçek haliyle örtüşmesini sağlamak için */
[class*="tasario-product-swiper"]:not(.swiper-initialized) .swiper-wrapper {
	display: flex;
	overflow: hidden;
	gap: 12px;
}
[class*="tasario-product-swiper"]:not(.swiper-initialized) .swiper-slide {
	width: calc((100% - 12px) / 2.2);
	flex-shrink: 0;
}
@media (min-width: 640px) {
	[class*="tasario-product-swiper"]:not(.swiper-initialized) .swiper-wrapper { gap: 15px; }
	[class*="tasario-product-swiper"]:not(.swiper-initialized) .swiper-slide { width: calc((100% - 15px) / 2.5); }
}
@media (min-width: 768px) {
	[class*="tasario-product-swiper"]:not(.swiper-initialized) .swiper-wrapper { gap: 20px; }
	[class*="tasario-product-swiper"]:not(.swiper-initialized) .swiper-slide { width: calc((100% - 20px) / 3.5); }
}
@media (min-width: 1024px) {
	[class*="tasario-product-swiper"]:not(.swiper-initialized) .swiper-slide { width: calc((100% - 20px) / 4.5); }
}

[class*="tasario-product-swiper"] .swiper-slide {
	height: auto;
	display: flex;
}

[class*="tasario-product-swiper"] .swiper-slide > .tasario-product-card {
	flex: 1; /* slide'ın tüm yüksekliğini doldur */
}

.tasario-product-card {
	background: var(--color-white);
	border-radius: var(--radius-md);
	overflow: hidden;
	border: 1px solid #f0f0f0;
	display: flex;
	flex-direction: column;
	height: 100%;
	position: relative;
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.tasario-product-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 24px rgba(0,0,0,0.08);
}

/* ---- Görsel Alanı ---- */
.tpc-image {
	position: relative;
	background: #f9f9f9;
	padding-top: 100%; /* 1:1 oran */
	width: 100%;
	flex-shrink: 0;
}

.tpc-image-link {
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	display: block;
}

.tpc-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* ---- Rozetler ---- */
.tpc-badges {
	position: absolute;
	top: 10px; right: 10px;
	z-index: 2;
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.tpc-badge {
	font-size: 11px;
	font-weight: 600;
	padding: 4px 10px;
	border-radius: 6px;
	color: #fff;
}

/* Soft pastel rozet renkleri — her biri için metin rengi + arka plan */
.tpc-badge {
    font-size: 10.5px;
    font-weight: 600;
    padding: 4px 9px;
    border-radius: 5px;
    letter-spacing: 0.1px;
    white-space: nowrap;
}

/* Fotoğraflı — lavanta */
.tpc-badge--fotografli    { background: #EDE9FE; color: #6D28D9; }

/* Çok Seviliyor — gül pembe */
.tpc-badge--cok-seviliyor { background: #FFE4E6; color: #BE123C; }

/* 3 Al 2 Öde — mint yeşil */
.tpc-badge--3al2ode        { background: #D1FAE5; color: #065F46; }

/* Çok Tercih Edilen — açık sage */
.tpc-badge--cok-tercih    { background: #ECFCCB; color: #3F6212; }

/* 2. Ürün %50 İndirimli — şeftali */
.tpc-badge--2urun50       { background: #FFEDD5; color: #C2410C; }

/* Yeni — açık mavi */
.tpc-badge--yeni          { background: #DBEAFE; color: #1E40AF; }

/* Kişiselleştirilebilir — indigo */
.tpc-badge--kisisel       { background: #E0E7FF; color: #3730A3; }

/* Yenilendi — amber/sarı */
.tpc-badge--yenilendi     { background: #FEF9C3; color: #854D0E; }

/* İndirim — kırmızı/coral */
.tpc-badge--indirim       { background: #FEE2E2; color: #991B1B; }


/* ---- Detay Alanı ---- */
.tpc-details {
	padding: 12px 14px 14px;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.tpc-name {
	margin: 0 0 4px 0;
	font-size: 13.5px;
	font-weight: 700;
	line-height: 1.4;
	color: #333;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.tpc-name a {
	color: inherit;
	text-decoration: none;
}

.tpc-name a:hover { color: var(--color-primary); }

/* ---- Fiyat Satırı ---- */
.tpc-price-row {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: auto;
}

.tpc-discount-bubble {
	color: #E95902;
	font-weight: 600;
	font-size: 13px;
	background: #fff4eb;
	border-radius: 4px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	letter-spacing: -0.5px;
	width: 40px;
	height: 40px;
	flex-shrink: 0;
}

.tpc-price-texts {
	display: flex;
	flex-direction: column;
	line-height: 1.2;
}

.tpc-regular-price {
	color: #999;
	font-size: 12px;
	text-decoration: line-through;
}

.tpc-sale-price {
	color: #111;
	font-weight: 700;
	font-size: 17px;
	text-decoration: none;
}

.tasario-product-image {
	display: block;
	position: relative;
	background-color: #f9fafb;
}

.tasario-product-image img {
	width: 100%;
	height: 240px;
	object-fit: cover;
	display: block;
}

.tasario-product-info {
	padding: 20px;
}

.tasario-product-title { font-size: 14px;
	font-weight: 700;
	margin-bottom: 10px;
	line-height: 1.4;
}

.tasario-product-title a {
	color: var(--color-text-main);
	text-decoration: none;
}

.tasario-product-title a:hover {
	color: var(--color-primary);
}

.tasario-product-price { font-size: 18px; font-weight: 800; color: var(--color-primary);
	font-weight: 700;
	font-size: 18px;
	margin-bottom: 15px;
}

/* Remove button on Favorites Page */
.tasario-favorite-btn {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 36px;
	height: 36px;
	background: #fee2e2;
	color: #ef4444;
	border: none;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 10;
	transition: all 0.2s ease;
}

.tasario-favorite-btn:hover {
	background: #ef4444;
	color: #ffffff;
	transform: scale(1.1);
}

.tasario-favorite-btn svg {
	width: 18px;
	height: 18px;
}

/* Add to Favorites button on Shop/Home */
.tasario-add-to-favorites {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 36px;
	height: 36px;
	background: rgba(255, 255, 255, 0.9);
	color: #9ca3af;
	border: none;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 10;
	transition: all 0.2s ease;
	box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.tasario-add-to-favorites:hover {
	background: #ffffff;
	color: #ef4444;
	transform: scale(1.1);
}

.tasario-add-to-favorites.active {
	color: #ef4444;
}

.tasario-add-to-favorites.active svg {
	fill: #ef4444;
}

/* Favorites Badge */
.tasario-favorites-badge {
	display: none; /* hidden if 0 */
}

#tasario-favorites-empty {
	margin-top: 80px; /* Extra top margin for the heart icon on favorites page */
}

/* =========================================
   Site Footer (Alt Bilgi)
========================================= */
.tasario-site-footer {
	background-color: #1F232A;
	color: #9ca3af;
	margin-top: 20px;
	padding-top: 30px;
	font-size: 14px;
}

.footer-top {
	display: grid;
	grid-template-columns: 2fr 1fr 1fr 1fr;
	gap: 40px;
	margin-bottom: 20px;
}

.footer-col-about {
	padding-right: 30px;
}

.footer-logo img {
	max-width: 180px;
	height: auto;
	margin-bottom: 20px;
}

.footer-logo-text a {
	font-size: 24px;
	font-weight: 800;
	color: var(--color-white);
	text-decoration: none;
	display: inline-block;
	margin-bottom: 20px;
}

.footer-about-text {
	line-height: 1.7;
	margin-bottom: 25px;
}

.footer-socials {
	display: flex;
	gap: 15px;
}

.footer-socials a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.05);
	color: #d1d5db;
	transition: all 0.3s ease;
}

.footer-socials a:hover {
	background-color: var(--color-primary);
	color: var(--color-white);
	transform: translateY(-3px);
}

.footer-col-title {
	color: var(--color-white);
	font-size: 15px;
	font-weight: 700;
	text-transform: capitalize;
	letter-spacing: 0.5px;
	margin-bottom: 16px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.footer-toggle-icon {
	display: none;
}

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

.footer-menu li {
	margin-bottom: 12px;
}

.footer-menu a {
	color: #9ca3af;
	text-decoration: none;
	transition: color 0.2s ease;
}

.footer-menu a:hover {
	color: var(--color-primary);
}

.footer-no-menu {
	font-size: 13px;
	opacity: 0.5;
	font-style: italic;
}

/* Footer Bottom Bar */
.footer-bottom {
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	padding: 15px 0;
}

.footer-bottom-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.footer-copyright {
	font-size: 13px;
	color: #6b7280;
}

.footer-payments {
	display: flex;
	gap: 15px;
	color: #6b7280;
}

.footer-payments svg {
	opacity: 0.6;
}

.bottom-nav-bar {
	display: none;
}

/* Empty State (No Products Found) */
.tasario-empty-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 60px 20px;
    background: #ffffff;
    border-radius: var(--radius-lg);
    box-shadow: 0 4px 15px rgba(0,0,0,0.03);
    margin: 30px 0;
    border: 1px solid var(--color-border);
}
.tasario-empty-state-icon {
    width: 80px;
    height: 80px;
    background: #fff3ec;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    color: var(--color-primary);
}
.tasario-empty-state-icon svg {
    width: 36px;
    height: 36px;
}
.tasario-empty-state-title {
    font-size: 22px;
    font-weight: 600;
    color: var(--color-text-main);
    margin: 0 0 10px 0;
}
.tasario-empty-state-text {
    font-size: 15px;
    color: var(--color-text-muted);
    max-width: 400px;
    margin: 0 0 25px 0;
    line-height: 1.5;
}

/* 404 Page Styles - Esprili & Ferah */
.tasario-404-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 70vh;
    padding: 60px 20px;
    background-color: transparent;
}
.tasario-404-container {
    text-align: center;
    max-width: 700px;
    width: 100%;
}
.tasario-404-title {
    font-size: 140px;
    font-weight: 900;
    line-height: 1;
    color: var(--color-primary);
    margin: 0;
    opacity: 0.1;
    position: relative;
    top: 40px;
    z-index: 0;
    user-select: none;
}
.tasario-404-subtitle {
    font-size: 42px;
    font-weight: 800;
    color: var(--color-text-main);
    margin: 0 0 20px 0;
    position: relative;
    z-index: 1;
    letter-spacing: -1px;
}
.tasario-404-desc {
    font-size: 18px;
    color: var(--color-text-muted);
    margin: 0 auto 40px auto;
    max-width: 500px;
    line-height: 1.7;
    position: relative;
    z-index: 1;
}
	font-weight: 800;
	color: var(--color-white);
	text-decoration: none;
	display: inline-block;
	margin-bottom: 20px;
}

.footer-about-text {
	line-height: 1.7;
	margin-bottom: 25px;
}

.footer-socials {
	display: flex;
	gap: 15px;
}

.footer-socials a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.05);
	color: #d1d5db;
	transition: all 0.3s ease;
}

.footer-socials a:hover {
	background-color: var(--color-primary);
	color: var(--color-white);
	transform: translateY(-3px);
}

.footer-col-title {
	color: var(--color-white);
	font-size: 15px;
	font-weight: 700;
	text-transform: capitalize;
	letter-spacing: 0.5px;
	margin-bottom: 16px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.footer-toggle-icon {
	display: none;
}

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

.footer-menu li {
	margin-bottom: 12px;
}

.footer-menu a {
	color: #9ca3af;
	text-decoration: none;
	transition: color 0.2s ease;
}

.footer-menu a:hover {
	color: var(--color-primary);
}

.footer-no-menu {
	font-size: 13px;
	opacity: 0.5;
	font-style: italic;
}

/* Footer Bottom Bar */
.footer-bottom {
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	padding: 15px 0;
}

.footer-bottom-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.footer-copyright {
	font-size: 13px;
	color: #6b7280;
}

.footer-payments {
	display: flex;
	gap: 15px;
	color: #6b7280;
}

.footer-payments svg {
	opacity: 0.6;
}

.bottom-nav-bar {
	display: none;
}

/* Empty State (No Products Found) */
.tasario-empty-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 60px 20px;
    background: #ffffff;
    border-radius: var(--radius-lg);
    box-shadow: 0 4px 15px rgba(0,0,0,0.03);
    margin: 30px 0;
    border: 1px solid var(--color-border);
}
.tasario-empty-state-icon {
    width: 80px;
    height: 80px;
    background: #fff3ec;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    color: var(--color-primary);
}
.tasario-empty-state-icon svg {
    width: 36px;
    height: 36px;
}
.tasario-empty-state-title {
    font-size: 22px;
    font-weight: 600;
    color: var(--color-text-main);
    margin: 0 0 10px 0;
}
.tasario-empty-state-text {
    font-size: 15px;
    color: var(--color-text-muted);
    max-width: 400px;
    margin: 0 0 25px 0;
    line-height: 1.5;
}

/* 404 Page Styles - Esprili & Ferah */
.tasario-404-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 70vh;
    padding: 60px 20px;
    background-color: transparent;
}
.tasario-404-container {
    text-align: center;
    max-width: 700px;
    width: 100%;
}
.tasario-404-title {
    font-size: 140px;
    font-weight: 900;
    line-height: 1;
    color: var(--color-primary);
    margin: 0;
    opacity: 0.1;
    position: relative;
    top: 40px;
    z-index: 0;
    user-select: none;
}
.tasario-404-subtitle {
    font-size: 42px;
    font-weight: 800;
    color: var(--color-text-main);
    margin: 0 0 20px 0;
    position: relative;
    z-index: 1;
    letter-spacing: -1px;
}
.tasario-404-desc {
    font-size: 18px;
    color: var(--color-text-muted);
    margin: 0 auto 40px auto;
    max-width: 500px;
    line-height: 1.7;
    position: relative;
    z-index: 1;
}
.tasario-404-btn-wrap {
    position: relative;
    z-index: 1;
}




/* ---- SOSYOPIX TARZI FIYATLANDIRMA ---- */
.tpc-price-row {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
}

.tpc-discount-bubble {
    background-color: #fff4eb; /* Eski renk anlayisi */
    color: #E95902;
    font-size: 13px;
    font-weight: 700;
    padding: 3px 6px;
    border-radius: 4px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.tpc-price-texts {
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 1.2;
}

.tpc-regular-price, .tpc-regular-price .woocommerce-Price-amount {
    color: #9ca3af !important;
    text-decoration: line-through;
    font-size: 13px;
    font-weight: 500 !important;
}

.tpc-sale-price, .tpc-sale-price .woocommerce-Price-amount {
    color: #111827 !important; /* Derin siyah, Sosyopix tarzi */
    font-size: 16px;
    font-weight: 700 !important; /* 800 cok kalindi, 700 idealdir */
}

/* Tekil urun sayfasindaki fiyat baglantisi */
.tasario-product-price {
    font-size: 22px;
    font-weight: 700;
    color: #111827;
}