|
@@ -725,6 +725,20 @@
|
|
|
from { opacity: 0; transform: translateX(-50%) translateY(10px); }
|
|
from { opacity: 0; transform: translateX(-50%) translateY(10px); }
|
|
|
to { opacity: 1; transform: translateX(-50%) translateY(0); }
|
|
to { opacity: 1; transform: translateX(-50%) translateY(0); }
|
|
|
}
|
|
}
|
|
|
|
|
+ @media (max-width: 640px) {
|
|
|
|
|
+ .hero-content {
|
|
|
|
|
+ padding-top: 72px;
|
|
|
|
|
+ padding-bottom: 72px;
|
|
|
|
|
+ gap: 0.85rem;
|
|
|
|
|
+ }
|
|
|
|
|
+ .hero-tagline { font-size: 0.95rem; line-height: 1.45; }
|
|
|
|
|
+ .hero-badges { gap: 0.4rem; }
|
|
|
|
|
+ .badge { font-size: 0.72rem; padding: 0.25rem 0.7rem; }
|
|
|
|
|
+ .hero-buttons { gap: 0.6rem; margin-top: 0.25rem; }
|
|
|
|
|
+ .btn-gold, .btn-outline { font-size: 0.95rem; padding: 0.7rem 1.4rem; }
|
|
|
|
|
+ .hero-scroll-indicator { bottom: 1rem; font-size: 0.65rem; }
|
|
|
|
|
+ .scroll-arrow { width: 14px; height: 14px; }
|
|
|
|
|
+ }
|
|
|
|
|
|
|
|
/* ====== GOLD STRIP ====== */
|
|
/* ====== GOLD STRIP ====== */
|
|
|
.gold-strip {
|
|
.gold-strip {
|