:root { --bg: #5d97cc; --header: #ffffff; --dark: #003666; --light: #89cff0; --gold: #ffb800; }
* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Arial Black', sans-serif; }
body { width: 100vw; height: 100vh; overflow: hidden; display: flex; flex-direction: column; background: var(--bg); }
header { height: 12vh; background: var(--header); display: flex; justify-content: space-between; align-items: center; padding: 0 20px; border-bottom: 5px solid var(--dark); }
.header-content { display: flex; align-items: center; gap: 15px; }
#dernek-logo { height: 8vh; }
.title-text h1 { font-size: 1.8vw; color: var(--dark); }
main { flex: 1; display: flex; padding: 5px; height: 75vh; }
.price-section { flex: 1.8; }
table { width: 100%; height: 100%; border-collapse: collapse; table-layout: fixed; }
th { background: #9bb4c3; border: 2px solid var(--dark); font-size: 1.5vw; height: 5vh; }
td { border: 2px solid var(--dark); font-size: 1.9vw; font-weight: 900; height: calc(70vh / 10); text-align: center; }
td:first-child { background: var(--dark); color: white; text-align: left; padding-left: 15px; width: 35%; }
td:not(:first-child) { background: var(--light); color: #000; }
.logo-section { flex: 1; background: #fff; margin: 5px; border-radius: 15px; display: flex; justify-content: center; align-items: center; }
#kuyumcu-logo { max-width: 90%; max-height: 80%; object-fit: contain; }
.announcement-bar { height: 5vh; background: #000; color: var(--gold); overflow: hidden; display: flex; align-items: center; }
.marquee-text { white-space: nowrap; font-size: 1.8vw; animation: scroll 15s linear infinite; }
.fixed-currency-bar { height: 8vh; background: var(--dark); color: white; display: flex; justify-content: space-around; align-items: center; font-size: 1.8vw; }
.fixed-currency-bar span { color: var(--gold); }
@keyframes scroll { 0% { transform: translateX(100vw); } 100% { transform: translateX(-100%); } }