.looks-page{}
.looks-header{margin-bottom: 30px}
.looks-description{font-size: 16px; color: #555; max-width: 800px; line-height: 1.6; margin-top: 12px}
.looks-filters-bar{display: flex; flex-direction: column; gap: 16px; margin-bottom: 40px; background: #f8f8f8; padding: 20px; border-radius: 16px}
.looks-search{display: flex; align-items: center; background: #fff; border-radius: 12px; padding: 12px 16px; gap: 12px; border: 1px solid var(--border-color)}
.looks-search iconify-icon{font-size: 20px; color: #999}
.looks-search input{border: none; outline: none; width: 100%; font-size: 15px; font-family: 'Inter', sans-serif}
.looks-categories{display: flex; gap: 10px; flex-wrap: wrap}
.filter-chip{padding: 8px 16px; border-radius: 20px; background: #fff; border: 1px solid var(--border-color); color: #333; font-size: 14px; font-weight: 500; cursor: pointer; transition: all 0.2s}
.filter-chip:hover{border-color: var(--primary-color); color: var(--primary-color)}
.filter-chip.active{background: var(--primary-color); color: #fff; border-color: var(--primary-color)}
.looks-grid{display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px}
.looks-best-section{background: linear-gradient(135deg, #fdf5f2 0%, #fff 100%); padding: 32px; border-radius: 24px; box-shadow: 0 12px 40px rgba(242, 98, 28, 0.08); margin-bottom: 60px; border: 1px solid rgba(242, 98, 28, 0.15)}
.section-header--looks{margin-bottom: 24px;}
.looks--h2{font-size: 24px; color: #333; margin: 0}
.preloader {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255,255,255,0.8);z-index: 9999;display: flex;align-items: center;justify-content: center}
.spinner{width: 50px;height: 50px;border: 4px solid #e0e0e0;border-top-color: #333;border-radius: 50%;animation: spin 0.8s linear infinite}
@keyframes spin {
    to { transform: rotate(360deg); }
}
.no-products-message{grid-column: 1 / -1;  text-align: center; padding: 24px;background: #fdfdfd;border-radius: 16px;border: 1px dashed #dcdcdc}
.no-products-message p{font-size: 18px;color: var(--primary-color); font-weight: 600; margin-bottom: 5px;}
.no-products-message .no-products-hint {font-size: 16px;color: #333}
@media (max-width: 992px){
	.looks-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 768px){
	.looks-best-section{padding: 24px 20px; border-radius: 16px; }
	.looks-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px){
	.looks-grid { grid-template-columns: 1fr; }
}