.bafici-nav-wrapper { display: flex; align-items: center; gap: 10px; width: 100%; background: #000;  padding: 10px 0; position: relative; }  .bafici-scroll-container { display: flex; gap: 10px; overflow-x: auto; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; padding-bottom: 5px;  flex-grow: 1; }  .bafici-scroll-container::-webkit-scrollbar { display: none; } .bafici-scroll-container { -ms-overflow-style: none; scrollbar-width: none; }  .bafici-date-btn { display: flex; flex-direction: column; align-items: center; justify-content: center; min-width: 60px; height: 60px; border: 1px solid #fff; border-radius: 12px; color: #fff; text-decoration: none; transition: all 0.3s ease; flex-shrink: 0; } .bafici-date-btn .dia-num { font-size: 20px; font-weight: 500; line-height: 1; } .bafici-date-btn .dia-txt { font-size: 11px; text-transform: uppercase; line-height: 1; margin-top: 4px; }  .bafici-date-btn:hover, .bafici-date-btn.active { background-color: #fff; color: #000; }  .bafici-arrow-btn { background: transparent; border: 1px solid #fff; border-radius: 12px; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; cursor: pointer; flex-shrink: 0; transition: all 0.2s; } .bafici-arrow-btn:hover { background: #222; } button.bafici-date-btn { background: transparent; cursor: pointer; padding: 0; margin: 0;  }