.cosmetics-page{min-height:100vh;background:linear-gradient(135deg,#fdf2f8,#ffffff)}.cosmetics-page .page-container{max-width:1200px;margin:0 auto;padding:40px 20px}.page-header{margin-bottom:30px;text-align:left}.breadcrumb{font-size:14px;color:#be185d;margin-bottom:16px}.breadcrumb a{color:#ec4899;text-decoration:none;transition:color .2s ease}.breadcrumb a:hover{color:#be185d;text-decoration:underline}.breadcrumb span{margin:0 8px;color:#f9a8d4}.mobile-controls{display:none;padding:16px 0;border-bottom:1px solid #e5e7eb;margin-bottom:20px;gap:12px}.mobile-filter-btn,.mobile-sort-btn{flex:1 1;padding:12px 16px;border:1px solid #d1d5db;background:white;border-radius:8px;font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s ease}.mobile-filter-btn:hover,.mobile-sort-btn:hover{background-color:#f9fafb;border-color:#ec4899}.mobile-filter-btn i,.mobile-sort-btn i{color:#ec4899}.main-content{display:grid;grid-template-columns:280px 1fr;gap:40px;align-items:start}.filters-sidebar{background:white;border-radius:12px;padding:24px;box-shadow:0 4px 20px rgba(236,72,153,.08);border:1px solid #fce7f3;height:-moz-fit-content;height:fit-content;align-self:flex-start}.filter-section h3{margin:0 0 20px;color:#be185d;font-size:20px;font-weight:600;border-bottom:2px solid #f9a8d4;padding-bottom:8px}.filter-group{margin-bottom:24px}.filter-group:last-child{margin-bottom:0}.filter-group h4{margin:0 0 12px;color:#374151;font-size:16px;font-weight:600}.filter-options{display:flex;flex-direction:column;gap:8px}.filter-option{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:14px;color:#374151}.filter-option:hover{background-color:#fdf2f8}.filter-option input[type=checkbox],.filter-option input[type=radio]{accent-color:#ec4899;width:16px;height:16px}.rating-label{display:flex;align-items:center;gap:6px}.rating-label .stars{color:#fbbf24;font-size:14px;line-height:1}.price-range-container{padding:16px 0}.price-display{text-align:left;font-weight:600;color:#be185d;margin-bottom:16px;font-size:16px}.slider-container{position:relative;height:40px;margin:16px 0}.price-slider{width:100%;height:8px;outline:none;appearance:none;cursor:pointer;border-radius:4px;border:1px solid #cbd5e1;background:linear-gradient(to right,#ec4899 0,#ec4899 var(--slider-progress,100%),#e2e8f0 var(--slider-progress,100%),#e2e8f0 100%)}.price-slider::-webkit-slider-track{height:8px;border-radius:4px;background:transparent}.price-slider::-webkit-slider-thumb{appearance:none;width:24px;height:24px;background:#ec4899;border:3px solid white;border-radius:50%;cursor:pointer;box-shadow:0 2px 8px rgba(236,72,153,.3);position:relative;z-index:2}.price-slider::-webkit-slider-thumb:hover{background:#be185d;transform:scale(1.1)}.price-slider::-moz-range-track{height:8px;border-radius:4px;background:transparent;border:none}.price-slider::-moz-range-thumb{width:24px;height:24px;background:#ec4899;border:3px solid white;border-radius:50%;cursor:pointer;box-shadow:0 2px 8px rgba(236,72,153,.3)}.price-slider::-moz-range-thumb:hover{background:#be185d}.cosmetics-page .content-area{display:flex;flex-direction:column;gap:24px}.cosmetics-page .top-controls{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:white;border-radius:12px;box-shadow:0 4px 20px rgba(236,72,153,.08);border:1px solid #fce7f3;margin-bottom:24px;min-height:60px}.cosmetics-page .content-area .top-controls{display:flex!important;background:white!important;border-radius:12px!important;padding:20px 24px!important;box-shadow:0 4px 20px rgba(236,72,153,.08)!important;border:1px solid #fce7f3!important;margin-bottom:24px!important}.results-info{font-size:16px;color:#374151;font-weight:500}.sort-controls{display:flex;align-items:center;gap:12px}.sort-controls label{font-size:14px;color:#6b7280;font-weight:500}.sort-select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:white;cursor:pointer;transition:all .2s ease}.sort-select:focus{outline:none;border-color:#ec4899;box-shadow:0 0 0 3px rgba(236,72,153,.1)}.cosmetics-page .products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;padding:20px 0}.cosmetics-page .product-item{background:white;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.08);transition:all .3s ease;border:1px solid #f3f4f6}.cosmetics-page .product-item:hover{transform:translateY(-4px);box-shadow:0 8px 30px rgba(236,72,153,.15);border-color:#fce7f3}.product-image{position:relative;height:240px;background:linear-gradient(135deg,#fdf2f8,#f9fafb);display:flex;align-items:center;justify-content:center;overflow:hidden}.image-placeholder{font-size:48px;color:#f9a8d4;opacity:.7}.product-tag{position:absolute;top:12px;left:12px;padding:4px 8px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase;z-index:2}.product-tag.sale{background:linear-gradient(135deg,#ec4899,#be185d);color:white}.product-tag.new{background:linear-gradient(135deg,#be185d,#9d174d);color:white}.product-tag.bestseller{background:linear-gradient(135deg,#fdf2f8,#f3e8ff);color:#be185d;border:1px solid #ec4899}.quick-view-icon{position:absolute;top:12px;right:12px;background:rgba(255,255,255,.9);border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:1;transition:all .3s ease;font-size:16px;color:#ec4899;z-index:10}.cosmetics-page .product-item:hover .quick-view-icon{opacity:1}.quick-view-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:99999;padding:20px;box-sizing:border-box}.quick-view-content{background:white;border-radius:16px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.3)}.modal-close-btn{position:absolute;top:20px;right:20px;background:none;border:none;font-size:24px;color:#666;cursor:pointer;z-index:10001;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal-close-btn:hover{background:#f3f4f6;color:#333}.quick-view-body{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:40px}.quick-view-image{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fdf2f8,#f9fafb);border-radius:12px;min-height:400px}.quick-view-image .product-image-placeholder{font-size:120px;color:#f9a8d4;opacity:.7}.quick-view-details{display:flex;flex-direction:column;gap:24px}.quick-view-details .product-brand{font-size:14px;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.quick-view-details .product-name{font-size:28px;font-weight:700;color:#111827;margin:0;line-height:1.2}.quick-view-details .product-rating{display:flex;align-items:center;gap:12px}.quick-view-details .product-rating .stars{display:flex;gap:4px}.quick-view-details .product-rating .stars i{font-size:18px;color:#d1d5db}.quick-view-details .product-rating .stars i.active{color:#fbbf24}.quick-view-details .product-rating .rating-value{color:#6b7280;font-size:14px;font-weight:500}.quick-view-details .product-rating .rating-description{font-size:12px;color:#9ca3af;font-style:italic;margin-top:4px}.quick-view-details .product-price{display:flex;align-items:center;gap:12px}.quick-view-details .current-price{font-size:24px;font-weight:700;color:#ec4899}.quick-view-details .original-price{font-size:18px;color:#9ca3af;text-decoration:line-through}.quick-view-details .product-description{color:#374151;line-height:1.6}.quick-view-details .product-ingredients,.quick-view-details .product-instructions{display:flex;flex-direction:column;gap:12px}.quick-view-details .product-ingredients label,.quick-view-details .product-instructions label{font-weight:600;color:#374151;font-size:16px}.quick-view-details .product-ingredients ul,.quick-view-details .product-instructions ul{margin:0;padding-left:20px;color:#374151}.quick-view-details .product-ingredients li,.quick-view-details .product-instructions li{margin-bottom:8px}.quick-view-actions{margin-top:16px}.quick-view-actions .add-cart-btn{width:100%;padding:16px;background:linear-gradient(135deg,#ec4899,#be185d);color:white;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.quick-view-actions .add-cart-btn:hover{background:linear-gradient(135deg,#be185d,#ec4899);transform:translateY(-1px)}.quick-view-actions .add-cart-btn.disabled{background:#9ca3af;cursor:not-allowed;transform:none}.quick-view-actions .add-cart-btn.added{background:linear-gradient(135deg,#10b981,#059669);animation:addedToCart .3s ease-out}.quick-view-favorite{margin-top:16px}.quick-view-favorite .wishlist-btn{width:100%;padding:16px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px}@media (max-width:768px){.quick-view-body{grid-template-columns:1fr;gap:20px;padding:20px}.quick-view-image{min-height:250px}.quick-view-details .product-name{font-size:22px}}.quick-view-icon:hover{background:white;transform:scale(1.1)}.product-content{padding:20px}.brand-name{font-size:12px;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-weight:500}.product-title{font-size:16px;font-weight:600;color:#111827;margin:0 0 12px;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.product-title.clickable-title{cursor:pointer;transition:all .2s ease}.product-title.clickable-title:hover{color:#ec4899}.rating-section{display:flex;align-items:center;gap:8px;margin-bottom:12px}.stars{display:flex;gap:2px}.stars.interactive{cursor:pointer}.stars.interactive i{transition:color .2s ease;cursor:pointer}.stars .filled{color:#fbbf24}.stars .empty{color:#e5e7eb}.login-hint,.no-rating-text{font-size:12px;color:#666;margin-left:8px}.review-count{font-size:12px;color:#6b7280}.price-section{display:flex;align-items:center;gap:8px;margin-bottom:16px}.current-price{font-size:18px;font-weight:700;color:#be185d}.discount-info{display:flex;align-items:center;gap:6px}.old-price{font-size:14px;color:#9ca3af;text-decoration:line-through}.discount-percent{font-size:12px;font-weight:600;color:#ef4444;background:linear-gradient(135deg,#fef2f2,#fee2e2);padding:2px 6px;border-radius:4px;border:1px solid #fecaca}.product-actions{gap:8px}.add-cart-btn,.product-actions{display:flex;align-items:center}.add-cart-btn{flex:1 1;padding:12px 16px;background:linear-gradient(135deg,#ec4899,#be185d);color:white;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;justify-content:center;gap:6px}.add-cart-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(236,72,153,.3)}.add-cart-btn.disabled{background:#6b7280;cursor:not-allowed}.add-cart-btn.disabled:hover{transform:none;box-shadow:none}.add-cart-btn.added{background:linear-gradient(135deg,#10b981,#059669);animation:addedToCart .3s ease-out}@keyframes addedToCart{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.wishlist-btn{padding:12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:16px;color:#6b7280}.wishlist-btn.active,.wishlist-btn:hover{background:#fdf2f8;border-color:#ec4899;color:#ec4899}.wishlist-btn.active i{color:#ec4899}.cosmetics-page .product-item.out-of-stock{opacity:.7;position:relative}.cosmetics-page .product-item.out-of-stock .product-image{filter:grayscale(50%)}.out-of-stock-overlay{position:absolute;top:12px;left:12px;background:rgba(55,65,81,.95);color:white;padding:6px 12px;border-radius:4px;font-weight:700;font-size:11px;z-index:3;letter-spacing:.5px}.cosmetics-page .product-item.out-of-stock .add-to-cart{background-color:#6b7280;cursor:not-allowed}.cosmetics-page .product-item.out-of-stock .add-to-cart:hover{background-color:#6b7280;transform:none}.cosmetics-page .empty-state{text-align:center;padding:60px 20px;color:#6b7280}.cosmetics-page .empty-state i{font-size:48px;color:#f3f4f6;margin-bottom:20px}.cosmetics-page .empty-state h3{font-size:24px;color:#374151;margin:0 0 12px}.cosmetics-page .empty-state p{font-size:16px;margin:0}body.modal-open{overflow:hidden;position:fixed;width:100%;height:100%}.mobile-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:1000;display:flex;align-items:flex-end;overflow-y:auto}.mobile-modal{background:white;width:100%;max-height:80vh;border-radius:16px 16px 0 0;animation:slideUp .3s ease-out;display:flex;flex-direction:column}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:#f9fafb;border-radius:16px 16px 0 0}.mobile-modal-header h3{margin:0;font-size:18px;font-weight:600;color:#111827}.close-modal{background:none;border:none;font-size:20px;color:#6b7280;cursor:pointer;padding:8px;border-radius:50%;transition:all .2s ease}.close-modal:hover{background-color:#e5e7eb;color:#111827}.mobile-modal-content{flex:1 1;padding:24px;overflow-y:auto}.mobile-modal-footer{padding:20px 24px;border-top:1px solid #e5e7eb;background:#f9fafb}.apply-filters-btn,.apply-sort-btn{width:100%;padding:14px;background:linear-gradient(135deg,#ec4899,#be185d);color:white;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.apply-filters-btn:hover,.apply-sort-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(236,72,153,.3)}.sort-options{display:flex;flex-direction:column;gap:16px}.sort-option{display:flex;align-items:center;gap:12px;padding:12px 0;cursor:pointer;border-bottom:1px solid #f3f4f6}.sort-option:last-child{border-bottom:none}.sort-option input[type=radio]{width:20px;height:20px;accent-color:#ec4899}.sort-option span{font-size:16px;color:#374151}.checkbox-container{margin:12px 0}.checkbox-label{display:flex;align-items:center;cursor:pointer;padding:8px 0;transition:all .2s ease}.checkbox-label:hover{background-color:#fdf2f8;border-radius:4px;padding:8px 12px;margin:0 -12px}.stock-checkbox{appearance:none;width:18px;height:18px;border:2px solid #d1d5db;border-radius:4px;margin-right:10px;position:relative;cursor:pointer;transition:all .2s ease}.stock-checkbox:checked{background-color:#ec4899;border-color:#ec4899}.stock-checkbox:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:white;font-size:12px;font-weight:700}.checkbox-text{font-size:14px;color:#374151;-webkit-user-select:none;user-select:none}@media (min-width:933px){.mobile-controls{display:none!important}}@media (max-width:1024px){.page-container{padding:30px 16px}.main-content{gap:24px;grid-template-columns:1fr}.filters-sidebar{display:none;position:static}.mobile-controls{display:flex!important}.products-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}}@media (max-width:932px){.filters-sidebar{display:none;position:static}.sort-controls{display:none}.mobile-controls{display:flex!important}.main-content{grid-template-columns:1fr;gap:20px}}@media (max-width:768px){.page-container{padding:20px 16px}.main-content{grid-template-columns:1fr;gap:20px}.mobile-controls{display:flex!important}.content-area{gap:16px}.products-grid{grid-template-columns:repeat(2,1fr);gap:16px}.product-content{padding:16px}}@media (max-width:480px){.page-container{padding:16px 12px}.products-grid{grid-template-columns:1fr;gap:12px}.product-image{height:180px}.filter-option{padding:6px 10px;font-size:12px}}