init

styles.css

@@ -217,6 +217,8 @@ h1 {
     padding: 15px;
     border-radius: 10px;
     margin-bottom: 20px;
+    position: relative;
+    overflow: hidden;
 }
 
 @media (min-width: 768px) {
@@ -225,6 +227,24 @@ h1 {
     }
 }
 
+.section-header-image {
+    text-align: center;
+    margin-bottom: 15px;
+}
+
+.beer-emoji-row,
+.festival-emoji-row {
+    font-size: 2em;
+    letter-spacing: 8px;
+    animation: slideEmojis 3s linear infinite;
+}
+
+@keyframes slideEmojis {
+    0% { opacity: 0.8; }
+    50% { opacity: 1; }
+    100% { opacity: 0.8; }
+}
+
 .gift-section.highlight {
     background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
     color: white;
@@ -286,6 +306,7 @@ h1 {
     background: #fff3e0;
     border-radius: 5px;
     border-left: 4px solid #ff6f00;
+    position: relative;
 }
 
 @media (min-width: 768px) {
@@ -294,6 +315,25 @@ h1 {
     }
 }
 
+.day-icon {
+    position: absolute;
+    top: 10px;
+    right: 10px;
+    font-size: 2em;
+    opacity: 0.3;
+}
+
+.day-totals {
+    margin-top: 10px;
+    padding: 8px;
+    background: rgba(211, 47, 47, 0.1);
+    border-radius: 5px;
+    font-weight: bold;
+    color: #d32f2f;
+    text-align: center;
+    border: 2px dashed #d32f2f;
+}
+
 .day-schedule strong {
     display: block;
     color: #e65100;