/* WC Trendy Fashion - Base Styles */
.wc1-tf { max-width: 1280px; margin: 0 auto; padding: 80px 24px; background-color: #fff; }
.wc1-tf-header { text-align: center; margin-bottom: 64px; }
.wc1-tf-header h2 { font-size: 1.875rem; font-weight: 700; color: #1f2937; margin-bottom: 8px; }
.wc1-tf-header p { font-size: 0.75rem; letter-spacing: 0.2em; text-transform: uppercase; color: #9ca3af; }
.wc1-tf-layout { display: flex; flex-direction: column; gap: 32px; }
@media (min-width: 1024px) { .wc1-tf-layout { flex-direction: row; } }
.wc1-tf-grid { flex: 2; display: grid; grid-template-columns: 1fr; gap: 48px 24px; }
@media (min-width: 640px) { .wc1-tf-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 768px) { .wc1-tf-grid { grid-template-columns: repeat(3, 1fr); } }
.wc1-tf-card { text-align: center; cursor: pointer; text-decoration: none; display: block; color: inherit; }
.wc1-tf-imgwrap { position: relative; aspect-ratio: 3/4; background-color: #f3f4f6; margin-bottom: 16px; overflow: hidden; }
.wc1-tf-badge { position: absolute; top: 8px; left: 8px; background-color: #000; color: #fff; font-size: 10px; padding: 4px 8px; z-index: 10; }
.wc1-tf-placeholder { width: 100%; height: 100%; background-color: #e5e7eb; transition: transform 0.5s ease; }
.wc1-tf-card:hover .wc1-tf-placeholder { transform: scale(1.05); }
.wc1-tf-quickview { position: absolute; bottom: 0; left: 0; right: 0; background-color: rgba(255,255,255,0.8); padding: 8px 0; font-size: 10px; font-weight: 700; letter-spacing: 0.1em; opacity: 0; transition: opacity 0.3s ease; }
.wc1-tf-card:hover .wc1-tf-quickview { opacity: 1; }
.wc1-tf-ptitle { font-size: 0.875rem; font-weight: 600; margin-bottom: 4px; }
.wc1-tf-rating { display: flex; justify-content: center; color: #f43f5e; margin-bottom: 4px; gap: 2px; }
.wc1-tf-rating svg { width: 12px; height: 12px; fill: currentColor; }
.wc1-tf-price { font-size: 0.75rem; color: #9ca3af; font-weight: 700; }
.wc1-tf-banner { flex: 1; min-height: 500px; display: flex; align-items: flex-end; justify-content: center; padding: 48px; overflow: hidden; }