*{box-sizing:border-box;margin:0;padding:0}body{color:#1f2937;background:#f5f6f8;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{cursor:pointer}.container{width:92%;max-width:1400px;margin:0 auto}.navbar{z-index:100;background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0}.navbar-content{justify-content:space-between;align-items:center;gap:30px;min-height:72px;display:flex}.logo{color:#1f2937;white-space:nowrap;font-size:25px;font-weight:700;text-decoration:none}.search-container{width:600px;max-width:100%;display:flex}.search-container input{border:1px solid #d1d5db;border-right:0;border-radius:7px 0 0 7px;outline:none;width:100%;height:44px;padding:0 15px}.search-container input:focus{border-color:#9ca3af}.search-container button{color:#fff;background:#2563eb;border:0;border-radius:0 7px 7px 0;height:44px;padding:0 20px}.main-content{padding:35px 0 60px}.page-header{margin-bottom:25px}.page-header h1{margin-bottom:7px;font-size:30px}.page-header p{color:#6b7280}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;display:grid}.product-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;transition:transform .2s,box-shadow .2s;overflow:hidden}.product-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #00000014}.product-image{background:#f8fafc;justify-content:center;align-items:center;height:250px;padding:20px;display:flex;position:relative}.product-image img{object-fit:contain;width:100%;height:100%}.discount-badge{color:#fff;background:#dc2626;border-radius:5px;padding:5px 9px;font-size:12px;font-weight:700;position:absolute;top:12px;left:12px}.product-info{padding:18px}.product-category{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;font-size:11px}.product-title{margin:7px 0;font-size:18px;line-height:1.4}.product-brand{color:#4b5563;margin-bottom:10px;font-size:13px}.product-description{color:#6b7280;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:12px;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.product-rating{background:#fef3c7;border-radius:5px;align-items:center;gap:6px;margin-bottom:12px;padding:5px 8px;font-size:13px;display:inline-flex}.product-rating span{color:#f59e0b;font-size:16px}.product-price{align-items:center;gap:10px;margin-bottom:8px;display:flex}.old-price{color:#9ca3af;font-size:13px;text-decoration:line-through}.current-price{font-size:21px;font-weight:700}.product-stock{margin-bottom:15px;font-size:13px}.view-details{color:#fff;background:#2563eb;border:0;border-radius:7px;width:100%;height:42px;font-weight:600}.view-details:hover{background:#1d4ed8}.loading{text-align:center;padding:80px 0;font-size:18px}.error{text-align:center;padding:60px 0}.error p{color:#6b7280;margin:10px 0 15px}.error button{color:#fff;background:#2563eb;border:0;border-radius:7px;padding:10px 18px}.details-container{padding:25px 0 60px}.breadcrumb{color:#6b7280;margin-bottom:25px;font-size:14px}.breadcrumb a{color:#2563eb;text-decoration:none}.product-details{background:#fff;border:1px solid #e5e7eb;border-radius:14px;grid-template-columns:1fr 1fr;gap:50px;padding:30px;display:grid}.main-product-image{background:#f8fafc;border-radius:10px;justify-content:center;align-items:center;height:450px;display:flex}.main-product-image img{object-fit:contain;width:100%;height:100%}.image-thumbnails{gap:10px;margin-top:15px;display:flex;overflow-x:auto}.image-thumbnails img{object-fit:contain;border:1px solid #d1d5db;border-radius:7px;flex-shrink:0;width:75px;height:75px;padding:5px}.details-category{color:#6b7280;text-transform:uppercase;font-size:13px}.details-info h1{margin:10px 0;font-size:34px;line-height:1.25}.details-brand{margin-bottom:15px}.details-rating{background:#fef3c7;border-radius:6px;margin-bottom:20px;padding:7px 10px;display:inline-block}.details-price{flex-wrap:wrap;align-items:center;gap:15px;margin-bottom:20px;display:flex}.details-price strong{order:-1;font-size:32px}.details-original-price{color:#9ca3af;text-decoration:line-through}.details-discount{color:#dc2626;font-weight:700}.details-stock,.details-availability{margin-bottom:10px}.details-description{margin-top:25px}.details-description h2,.tags-section h2{margin-bottom:10px;font-size:20px}.details-description p{color:#6b7280;line-height:1.7}.tags-section{margin-top:25px}.tags{flex-wrap:wrap;gap:8px;display:flex}.tags span{background:#f3f4f6;border-radius:20px;padding:6px 10px;font-size:13px}.information-section{background:#fff;border:1px solid #e5e7eb;border-radius:14px;margin-top:25px;padding:30px}.information-section>h2{margin-bottom:22px;font-size:23px}.information-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.information-grid div,.metadata div{background:#f8fafc;border-radius:8px;padding:16px}.information-grid span,.metadata span{color:#6b7280;margin-bottom:6px;font-size:12px;display:block}.information-grid strong,.metadata strong{word-break:break-word;font-size:14px}.info-list{gap:15px;display:grid}.info-list div{background:#f8fafc;border-radius:8px;padding:18px}.info-list h3{margin-bottom:7px}.info-list p{color:#6b7280;line-height:1.5}.reviews{gap:15px;display:grid}.review-card{border:1px solid #e5e7eb;border-radius:10px;padding:20px}.review-header{justify-content:space-between;gap:15px;margin-bottom:10px;display:flex}.review-card p{margin-bottom:10px;line-height:1.5}.review-card small{color:#6b7280;margin-top:5px;display:block}.metadata{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.qr-section img{object-fit:contain;width:130px;height:130px;margin-top:10px;display:block}.details-state{flex-direction:column;justify-content:center;align-items:center;gap:15px;min-height:100vh;display:flex}.details-state a{color:#2563eb;text-decoration:none}.details-state button{color:#fff;background:#2563eb;border:0;border-radius:7px;padding:10px 18px}@media (width<=1100px){.product-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=900px){.product-details{grid-template-columns:1fr}.information-grid,.metadata{grid-template-columns:repeat(2,1fr)}}@media (width<=800px){.navbar-content{flex-direction:column;gap:15px;padding:15px 0}.search-container{width:100%}.product-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.product-details,.information-section{padding:20px}.details-info h1{font-size:26px}.main-product-image{height:320px}.information-grid,.metadata{grid-template-columns:1fr}}@media (width<=520px){.container{width:94%}.product-grid{grid-template-columns:1fr}.page-header h1{font-size:25px}}