:root{--primary-color:#1976d2;--primary-dark:#0b4178;--background-color:#f4f4f9;--card-background:#fff;--text-primary:#333;--text-secondary:#666;--border-color:#ddd;--shadow-small:0 4px 6px rgba(0,0,0,.1);--shadow-medium:0 8px 12px rgba(0,0,0,.15);--transition-standard:all 0.3s ease;--border-radius:8px}.product-page{display:grid;grid-template-columns:280px 1fr;grid-gap:30px;gap:30px;padding:24px;background-color:var(--background-color);max-width:1440px;margin:0 auto}.sidebar{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:24px;box-shadow:var(--shadow-small);position:-webkit-sticky;position:sticky;top:24px;height:-moz-fit-content;height:fit-content}.sidebar-title{font-size:1.25rem;font-weight:600;margin-bottom:16px;color:var(--text-primary);padding-bottom:12px;border-bottom:2px solid var(--primary-color)}.category-list{list-style:none;padding:0}.category-list li{margin-bottom:12px}.category-list a{text-decoration:none;color:var(--text-primary);font-weight:500;padding:8px 12px;display:block;border-radius:var(--border-radius);transition:var(--transition-standard)}.category-list a:hover{color:var(--primary-color);background-color:rgba(25,118,210,.05);transform:translateX(5px)}.breadcrumb{font-size:.875rem;color:var(--text-secondary);margin-bottom:24px;padding:12px;background:var(--card-background);border-radius:var(--border-radius);box-shadow:var(--shadow-small)}.breadcrumb a{text-decoration:none;color:var(--primary-color);transition:var(--transition-standard)}.breadcrumb a:hover{color:var(--primary-dark);text-decoration:underline}.products{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:24px;gap:24px}.product-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden;transition:var(--transition-standard);display:flex;flex-direction:column}.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-medium)}.product-image{position:relative;overflow:hidden;padding-top:75%}.product-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:var(--transition-standard)}.product-card:hover .product-image img{transform:scale(1.05)}.product-card:hover .product-image:after{opacity:1;transform:translate(-50%,-50%) scale(1)}.product-info{padding:20px;display:flex;flex-direction:column;gap:12px;flex:1 1}.product-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0;line-height:1.4}.product-description{font-size:.875rem;color:var(--text-secondary);line-height:1.6;margin:0}.product-features{list-style:none;padding:0;margin:12px 0}.product-features li{font-size:.875rem;color:var(--text-secondary);padding:4px 0;display:flex;align-items:center;gap:8px}.btn-view{padding:10px 20px;font-size:14px;color:#fff;background-color:#007bff;border:none;border-radius:5px;text-align:center;text-decoration:none;cursor:pointer;display:inline-block}.btn-view:hover{background:var(--primary-dark);transform:translateY(-2px)}.btn-view:active{transform:translateY(0)}@media (max-width:1024px){.product-page{grid-template-columns:220px 1fr;gap:20px}}@media (max-width:768px){.product-page{grid-template-columns:1fr}.sidebar{position:static;margin-bottom:24px}.products{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:480px){.product-page{padding:16px}.products{grid-template-columns:1fr}.product-card{max-width:100%}}