.btn-outline:hover background: var(--deep-charcoal); color: white; transform: translateY(-2px);
.hero-content p font-size: 1.1rem; color: #3a3a44; max-width: 90%; margin-bottom: 2rem; line-height: 1.5; zentlemen.vn
@media (max-width: 800px) .navbar flex-direction: column; gap: 1rem; .hero-content h1 font-size: 2.5rem; .hero-content p max-width: 100%; .container padding: 0 1.5rem; .hero padding: 2rem 0 3rem; </style> </head> <body> .btn-outline:hover background: var(--deep-charcoal)
/* container utility */ .container max-width: 1280px; margin: 0 auto; padding: 0 2rem; .hero-content p font-size: 1.1rem
.product-item background: #fff; border-radius: 24px; overflow: hidden; transition: transform 0.2s, box-shadow 0.2s; border: 1px solid var(--border-light);
.product-info .price font-weight: 700; margin-top: 0.5rem; color: var(--warm-gold); font-size: 1.2rem;