body{font-family:Arial,sans-serif;background-color:#ffffff;transition:background-color .3s ease-in-out,color .3s ease-in-out}.container{text-align:center;padding:20px}h1{font-size:2rem}.toggle-btn{background-color:gray;border:none;cursor:pointer;margin-top:10px;color:white}.search-bar input,.toggle-btn{padding:10px;border-radius:5px}.search-bar input{width:50%;margin-top:20px;border:1px solid gray;background-color:white;color:black}body.dark-mode .search-bar input{background-color:#333;color:white}.logo a{font-size:20px}nav a{margin:0 15px}.search-link{color:#007bff;text-decoration:none;font-weight:700;margin-left:5px}.search-link:hover{text-decoration:underline}body{background-color:white;color:black;transition:background .3s ease,color .3s ease}body.dark-mode{background-color:#1c1c1c;color:white}.header{padding:15px 20px}.header a{color:white;text-decoration:none;font-weight:700;margin:0 10px}.header a:hover{text-decoration:underline}.search-form input{padding:8px}.search-form button{background:none;border:none;cursor:pointer;margin-left:5px;font-size:16px}.outfit-list{list-style:none;padding:0}.outfit-list li{margin:8px 0}.outfit-link{color:#007bff;text-decoration:none;font-weight:700}.outfit-link:hover{text-decoration:underline}.product-main-img{width:100%;max-width:400px;height:auto;display:block;margin:10px auto;border-radius:8px}.outfit-section{margin-top:20px;padding:15px;background-color:#f5f5f5;border-radius:10px}.outfit-gallery{display:flex;gap:10px;overflow-x:auto;padding-bottom:10px}.outfit-card{text-align:center;flex-shrink:0;width:120px}.outfit-card img{width:100%;height:120px;object-fit:cover;border-radius:8px;cursor:pointer;transition:transform .2s ease}.outfit-card img:hover{transform:scale(1.05)}.outfit-card p{font-size:14px;color:black;margin-top:5px;text-align:center}.fit-img{width:100%;max-width:400px;height:auto;display:block;margin:10px auto;border-radius:8px}.product-gallery{gap:15px;margin-top:15px}.product-card{width:140px}.product-img{height:140px;transition:transform .2s ease;cursor:pointer}.product-img:hover{transform:scale(1.05)}.product-link{font-size:14px;font-weight:700;color:#007bff;text-decoration:none}.product-link:hover{text-decoration:underline}.profile-link{font-weight:700;color:#ff69b4;text-decoration:none}.profile-link:hover{text-decoration:underline}.fit-description{text-align:center;margin-bottom:10px}.gallery-img.selected{border:2px solid #007bff}.like-button{background:none;border:1px solid red;padding:8px 12px;color:red;cursor:pointer;border-radius:5px;margin-top:10px;transition:background .3s ease}.like-button:hover{background:rgba(255,0,0,.2)}.comments-section{margin-top:15px;padding:10px}.comment-form button:hover{background:#0056b3}.fit-main-img{max-width:300px}.modal-overlay:hover{background:rgba(0,0,0,.6)}.modal-content{max-width:90%;max-height:90%}.modal-nav{background:rgba(0,0,0,.5);border:none;color:white;font-size:24px;padding:10px 15px;cursor:pointer;position:absolute;top:50%;transform:translateY(-50%)}.modal-nav.left{left:10px}.modal-nav.right{right:10px}.modal-nav:hover{background:rgba(255,255,255,.3)}.fit-main-img{height:500px;display:block;margin:10px auto;transition:transform .2s ease}.fit-main-img:hover{transform:scale(1.02)}.modal-img{height:90vh;cursor:pointer}.gallery-img{height:80px}.gallery-img:hover{transform:scale(1.1)}.product-img{height:120px}.fit-container{max-width:900px;margin:auto;padding:20px}.fit-header{text-align:center;margin-bottom:20px}.fit-description{font-size:16px;color:#666}.fit-main{text-align:center}.fit-main-img{max-width:100%}.gallery{display:flex;justify-content:center;margin-top:10px}.gallery-img{width:60px;height:60px;margin:0 5px}.product-gallery{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.product-card{text-align:center;width:120px}.comment-form button{background:none;font-size:18px}.fit-image-wrapper{display:flex;justify-content:center;margin-bottom:10px}.fit-main-img{height:auto}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);justify-content:center;z-index:1000;cursor:pointer}.modal-content,.modal-overlay{display:flex;align-items:center}.modal-content{position:relative}.modal-img{max-height:90vh}.fit-main-img{max-width:400px;cursor:pointer}.fit-main-img,.modal-img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:8px}.modal-img{max-width:800px}.gallery-img{width:80px;border-radius:5px;cursor:pointer;transition:transform .2s ease}.gallery-img,.product-img{height:auto;aspect-ratio:4/5;object-fit:cover}.product-img{width:100%;border-radius:8px}.comments-section{margin-top:20px;padding:15px;background-color:#f9f9f9;border-radius:5px;color:black}body.dark-mode .comments-section{background-color:#2c2c2c;color:white}.comment-form{display:flex;margin-top:10px}.comment-form input{flex-grow:1;padding:8px;border:1px solid #ddd;border-radius:5px;background-color:white;color:black}body.dark-mode .comment-form input{background-color:#333;color:white;border:1px solid #555}.comment-form button{background:#007bff;color:white;border:none;padding:8px 12px;border-radius:5px;cursor:pointer}body.dark-mode .comment-form button{background:#0056b3}.comments-section p{background:rgba(255,255,255,.8);padding:8px;border-radius:5px;margin-bottom:5px;color:black}body.dark-mode .comments-section p{background:rgba(50,50,50,.8);color:white}.search-form{align-items:center}body{margin:0;padding:0;height:100vh;overflow-x:hidden}.main-content{padding-top:60px}.header,.logo a{color:white}.header{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;background-color:#1c1c1c;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:100;min-height:50px}.logo a{font-size:18px;font-weight:700;text-decoration:none;transition:color .3s ease}.logo a[data-type=user]{color:#ff69b4}.logo a[data-type=product]{color:#ff9800}nav a{color:white;text-decoration:none;font-weight:700;margin:0 10px}nav a:hover{text-decoration:underline}.search-form{display:flex}.search-form input{padding:6px 10px;border:1px solid #555;border-radius:5px;background-color:#333;color:white;font-size:14px}.theme-toggle{background:none;border:1px solid white;padding:8px 12px;color:white;cursor:pointer;border-radius:5px;transition:background .3s ease}.theme-toggle:hover{background:rgba(255,255,255,.2)}