.product-detail{padding:120px 0 80px 0;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);min-height:100vh}.product-detail-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;max-width:1200px;margin:0 auto}.product-images{position:sticky;top:100px;width:100%}.main-image{position:relative;margin-bottom:20px;border-radius:20px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,0.1);background:#fff;height:510px}.image-placeholder{width:100%;height:510px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;align-items:center;justify-content:center;color:white;position:relative;overflow:hidden}.image-placeholder::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:0.3}.placeholder-content{text-align:center;z-index:2;position:relative}.placeholder-icon{font-size:80px;margin-bottom:20px;filter:drop-shadow(0 4px 8px rgba(0,0,0,0.3))}.placeholder-text{font-size:24px;font-weight:bold;margin-bottom:10px;text-shadow:0 2px 4px rgba(0,0,0,0.3)}.placeholder-subtext{font-size:16px;opacity:0.9;text-shadow:0 1px 2px rgba(0,0,0,0.3)}.image-badge{position:absolute;top:20px;right:20px;background:linear-gradient(135deg,#ff6b6b,#feca57);color:white;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:bold;box-shadow:0 4px 8px rgba(0,0,0,0.2);z-index:3}.thumbnail-images{position:relative;width:100%;max-width:none;margin:0;padding:10px 0}.thumbnail-slider-container{position:relative;overflow:hidden;width:100%;margin:0}.thumbnail-slider-wrapper{display:flex;gap:15px;transition:transform 0.5s cubic-bezier(0.4,0,0.2,1);width:fit-content;min-width:100%}.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;border:none;width:35px;height:35px;border-radius:50%;cursor:pointer;z-index:2;display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:0 4px 8px rgba(0,0,0,0.2);transition:all 0.3s ease}.slider-arrow:hover{transform:translateY(-50%)scale(1.1);box-shadow:0 6px 12px rgba(0,0,0,0.3)}.slider-arrow.prev{left:0}.slider-arrow.next{right:0}.slider-arrow:disabled{opacity:0.3;cursor:not-allowed}.thumbnail-images.auto-scroll .thumbnail-slider-wrapper{animation:autoScroll 20s linear infinite}@keyframes autoScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.thumbnail-placeholder{flex:0 0 calc(25% - 11.25px);width:calc(25% - 11.25px);height:90px;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;border:2px solid rgba(102,126,234,0.2);box-shadow:0 2px 8px rgba(0,0,0,0.08);overflow:hidden;position:relative}.thumbnail-placeholder:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(102,126,234,0.2);border-color:rgba(102,126,234,0.5)}.thumbnail-placeholder.active{border-color:#667eea;border-width:3px;box-shadow:0 4px 16px rgba(102,126,234,0.3);background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%)}.thumbnail-placeholder.empty{cursor:default;opacity:0.5;pointer-events:none}.thumbnail-placeholder.empty:hover{transform:none;box-shadow:0 2px 8px rgba(0,0,0,0.08);border-color:rgba(102,126,234,0.2)}.thumbnail-placeholder img{width:100%;height:100%;object-fit:cover;border-radius:8px}.thumbnail-placeholder span{font-size:24px;color:white;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.3));position:absolute}.product-info{padding:0 20px}.product-header{margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #e9ecef}.product-title{font-size:32px;font-weight:bold;color:#2d3436;margin-bottom:15px;line-height:1.3}.product-rating{display:flex;align-items:center;gap:10px}.stars{font-size:20px;color:#ffd700}.rating-text{color:#636e72;font-size:14px}.product-pricing{background:linear-gradient(135deg,#00b894 0%,#00cec9 100%);padding:25px;border-radius:15px;margin-bottom:30px;color:white;box-shadow:0 8px 16px rgba(0,184,148,0.3)}.price-container{display:flex;align-items:center;gap:15px;margin-bottom:10px}.current-price{font-size:36px;font-weight:bold}.original-price{font-size:20px;text-decoration:line-through;opacity:0.7}.discount-badge{background:#e17055;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:bold}.price-note{margin:0;font-size:14px;opacity:0.9}.product-description{margin-bottom:40px}.product-description h3,.product-description h4{color:#2d3436;margin-bottom:15px;font-weight:bold}.product-description p{color:#636e72;line-height:1.6;margin-bottom:20px}.product-features ul{list-style:none;padding:0}.product-features li{padding:10px 0;border-bottom:1px solid #e9ecef;color:#2d3436;line-height:1.5}.product-features li:last-child{border-bottom:none}.specs-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:15px}.spec-item{display:flex;justify-content:space-between;padding:12px;background:#f8f9fa;border-radius:8px;border-left:4px solid #667eea}.spec-label{font-weight:bold;color:#2d3436}.spec-value{color:#636e72}.product-actions{background:white;padding:30px;border-radius:15px;box-shadow:0 8px 16px rgba(0,0,0,0.1);margin-bottom:30px}.quantity-selector{display:flex;align-items:center;gap:15px;margin-bottom:25px}.quantity-controls{display:flex;align-items:center;border:2px solid #ddd;border-radius:8px;overflow:hidden}.quantity-controls button{background:#667eea;color:white;border:none;padding:10px 15px;cursor:pointer;font-size:18px;transition:background 0.3s ease}.quantity-controls button:hover{background:#5a67d8}.quantity-controls input{border:none;padding:10px 15px;text-align:center;width:60px;font-size:16px}.action-buttons{display:flex;gap:15px;margin-bottom:25px;flex-wrap:wrap}.btn-primary,.btn-secondary,.btn-wishlist{padding:15px 25px;border:none;border-radius:8px;font-size:16px;font-weight:bold;cursor:pointer;transition:all 0.3s ease;flex:1;min-width:150px}.btn-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(102,126,234,0.3)}.btn-secondary{background:linear-gradient(135deg,#ffecd2 0%,#fcb69f 100%);color:#2d3436}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(252,182,159,0.3)}.btn-wishlist{background:linear-gradient(135deg,#ff9a9e 0%,#fecfef 100%);color:#2d3436}.btn-wishlist:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(255,154,158,0.3)}.delivery-info{display:grid;grid-template-columns:1fr;gap:15px}.delivery-item{display:flex;align-items:center;gap:15px;padding:15px;background:#f8f9fa;border-radius:8px;border-left:4px solid #00b894}.delivery-icon{font-size:24px}.delivery-text strong{color:#2d3436;display:block;margin-bottom:5px}.delivery-text p{margin:0;color:#636e72;font-size:14px}.product-long-description{padding:50px 0;background:linear-gradient(135deg,#f5f7fa 0%,#fff 100%);margin-top:40px}.product-long-description .section-title{font-size:32px;color:#2d3436;text-align:center;margin-bottom:30px}.long-description-content{max-width:900px;margin:0 auto;padding:30px;background:white;border-radius:15px;box-shadow:0 5px 20px rgba(0,0,0,0.08);line-height:1.8;color:#636e72;font-size:16px}.long-description-content h3,.long-description-content h4{color:#2d3436;margin-top:25px;margin-bottom:15px}.long-description-content p{margin-bottom:15px}.long-description-content ul,.long-description-content ol{margin-left:30px;margin-bottom:15px}.long-description-content li{margin-bottom:8px}.product-reviews{padding:60px 0;background:white}.reviews-summary{display:grid;grid-template-columns:auto 1fr;gap:40px;margin-bottom:40px;padding:30px;background:#f8f9fa;border-radius:15px}.overall-rating{text-align:center}.rating-score{font-size:48px;font-weight:bold;color:#2d3436;margin-bottom:10px}.rating-stars{font-size:24px;color:#ffd700;margin-bottom:10px}.rating-count{color:#636e72}.rating-breakdown{display:flex;flex-direction:column;gap:10px}.rating-bar{display:flex;align-items:center;gap:15px}.rating-bar span{width:50px;font-size:14px}.bar{flex:1;height:8px;background:#e9ecef;border-radius:4px;overflow:hidden}.fill{height:100%;background:linear-gradient(135deg,#ffd700 0%,#ffb347 100%);transition:width 0.3s ease}.reviews-list{display:flex;flex-direction:column;gap:25px;margin-bottom:30px}.review-item{background:white;padding:25px;border-radius:15px;box-shadow:0 4px 8px rgba(0,0,0,0.1);border-left:4px solid #667eea}.review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.reviewer-info{display:flex;align-items:center;gap:15px}.reviewer-avatar{width:50px;height:50px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;color:white}.reviewer-details h4{margin:0 0 5px 0;color:#2d3436}.reviewer-details p{margin:0;color:#636e72;font-size:14px}.review-rating{font-size:18px;color:#ffd700}.review-content p{color:#2d3436;line-height:1.6;margin-bottom:15px}.review-date{color:#636e72;font-size:14px}.load-more-reviews{display:block;margin:0 auto;padding:15px 30px}.related-products{padding:60px 0;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%)}.related-products .products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-top:30px}.related-products .product-card{background:white;border-radius:15px;overflow:hidden;box-shadow:0 8px 16px rgba(0,0,0,0.1);transition:transform 0.3s ease}.related-products .product-card:hover{transform:translateY(-5px)}.related-products .product-image{height:200px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;align-items:center;justify-content:center;position:relative}.related-products .product-emoji{font-size:48px;filter:drop-shadow(0 4px 8px rgba(0,0,0,0.3))}.related-products .product-info{padding:25px}.related-products .product-info h3{color:#2d3436;margin-bottom:10px;font-size:18px}.related-products .product-info p{color:#636e72;font-size:14px;line-height:1.5;margin-bottom:15px}.related-products .price{font-size:20px;font-weight:bold;color:#00b894;margin-bottom:15px}.related-products .product-badge{position:absolute;top:15px;right:15px;background:#e17055;color:white;padding:5px 10px;border-radius:12px;font-size:12px;font-weight:bold}.section-title{text-align:center;font-size:32px;font-weight:bold;color:#2d3436;margin-bottom:40px;position:relative}.section-title::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:2px}@media(max-width:768px){.product-detail-content{grid-template-columns:1fr;gap:40px}.product-images{position:static}.main-image{height:300px}.image-placeholder{height:300px}.placeholder-icon{font-size:60px}.placeholder-text{font-size:20px}.thumbnail-images{padding:10px 0}.thumbnail-slider-container{width:100%}.thumbnail-placeholder{flex:0 0 calc(25% - 11.25px);width:calc(25% - 11.25px);min-width:60px;height:70px}.slider-arrow{width:28px;height:28px;font-size:14px}.product-title{font-size:24px}.current-price{font-size:28px}.specs-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}.action-buttons .btn-primary,.action-buttons .btn-secondary,.action-buttons .btn-wishlist{min-width:auto}.reviews-summary{grid-template-columns:1fr;text-align:center}.long-description-content{padding:20px;font-size:15px}.product-long-description .section-title{font-size:28px}.related-products .products-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}}