.tf-container { position: relative; margin-left: auto; margin-right: auto; padding-right: 15px; padding-left: 15px; width: 1440px; max-width: 100%; }

.accordion-container { margin: 0 auto; }
.accordion-item { margin-bottom: 16px; border-bottom: 1px solid rgb(255 255 255 / 50%); }
.accordion-header { padding: 20px; display: flex; justify-content: space-between; align-items: center; cursor: pointer; transition: all 0.3s ease; }
.accordion-header h3 { margin: 0; font-size: 24px; color: #fff; }
.accordion-icon { width: 20px; height: 20px; transition: transform 0.3s ease; }
.accordion-content { max-height: 0; overflow: hidden; transition: max-height 0.3s ease; }
.content-wrapper { padding: 0 20px 20px; color: #ccc; line-height: 1.6; }
.accordion-content h2 { margin-bottom: 15px; }

.market-container2 { display: flex; justify-content: space-between; gap: 10px; width: 100%; }
.market-card2 { position: relative; display: flex; align-items: center; justify-content: space-evenly; gap: 30px; padding: 10px; }
.market-card2::before { content: ""; position: absolute; left: -30px; top: 50%; transform: translateY(-50%); width: 2px; height: 60%; background-color: #FFC943; }
.market-card2:first-child::before { display: none; }
.market-text { display: flex; flex-direction: column; }
.symbol-icon { background: #666; border-radius: 50%; width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; font-weight: bold; }
.symbol-code { width: 7ch; background-color: #161616; color: white; padding: 1px; border-radius: 6px; font-weight: 600; font-size: 14px; display: flex; transition: all 0.3s ease-in-out; justify-content: center; }
.section-hisse { padding: 20px; }
.fiyat { display: flex; gap: 10px; margin-top: 10px; }
.buy, .sell { background-color: #ffcc00; border: none; padding: 10px 50px; font-size: 16px; border-radius: 5px; cursor: pointer; color: #fff; }
.hisse-right { display: flex; justify-content: flex-end; gap: 10px; align-items: flex-start; }
.hisse-right button { border-radius: 10px; padding: 10px; }
.transaction { background-color: #FFB800; }
.left-panel { flex: 2; margin-right: 20px; width: 100%; }
.right-panel { flex: 1; }
.stock-container { display: flex; align-items: center; background: #222; padding: 20px; border-radius: 10px; justify-content: space-between; text-align: center; }
.stock-left { flex: 3; }
.stock-header { display: flex; justify-content: space-between; align-items: center; font-size: 18px; font-weight: bold; }
.stock-title { display: flex; align-items: center; margin-bottom: 10px; color: #FFFFFF; }
.stock-price { color: #00FF94; font-weight: bold; }
.down-arrow { color: #00FF94; margin-right: 5px; }
.down-arrow-compare { color: #F4F6F8; margin-right: 5px; }
.dot { height: 10px; width: 10px; background-color: #FFB800; border-radius: 50%; display: inline-block; margin-right: 8px; }
.stock-info-1 { display: flex; justify-content: space-between; }
.info-block { text-align: left; }
.info-block p { font-size: 14px; margin-bottom: 5px; color: #FFFFFF; }
.info-block span { font-size: 16px; }
.separator { width: 1px; height: 80px; background-color: #FFB800; margin: 0 35px; }
.stock-right { flex: 1; display: flex; align-items: center; font-weight: bold; cursor: pointer; color: #FFFFFF; }
.attention-box { border: 2px solid #333; padding: 20px; border-radius: 10px; }
.content-attention { display: flex; justify-content: space-between; margin-bottom: 20px; border-bottom: 0.5px solid rgba(255, 255, 255, 0.2); }
.column { width: 30%; }
.column h2 { font-size: 18px; font-weight: bold; color: #fff; margin-bottom: 10px; }
.chart-container { background-color: #2b2b2b; padding: 20px; border-radius: 15px; box-shadow: 0 4px 15px rgba(0,0,0,0.4); }
.time-buttons { display: flex; justify-content: space-around; margin-top: 15px; }
.time-buttons button { background-color: #2b2b2b; color: #fff; padding: 8px 12px; border: none; cursor: pointer; border-radius: 5px; transition: background-color 0.3s; }
.time-buttons button:hover { background-color: #444; }
.time-buttons button.active { background-color: #ffa500; color: black; }
.directory-box { margin-top: 80px; }
.advert-box { margin-top: 80px; background-color: #fff; color: #000; display: flex; align-items: center; padding: 45%; border-radius: 15px; }
.stock-info { margin-top: 50px; border-radius: 10px; box-shadow: 0 4px 15px rgba(0,0,0,0.4); color: #fff; display: grid; gap: 8px; border: 2px solid rgb(71 66 66 / 50%); padding: 10px; }
.company-info-container { margin-top: 50px; }
.company-header { display: flex; }
.company-header h5 { margin-left: 10px; }
.company-content { margin-bottom: 20px; }
.company-content p { color: #fff; font-size: 13px; line-height: 1.5; margin-top: 20px; }
.company-info { display: grid; gap: 10px; }
.company-info .info-item { display: flex; justify-content: space-between; }
.company-info .info-item .label { font-size: 15px; color: #fff; }
.company-info .info-item .value { text-align: right; font-size: 12px; color: #ccc; line-height: 1.3; width: 60%; }
.company-info-2 { margin-top: 30px; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; column-gap: 40px; margin-bottom: 20px; }
.company-info-2 .info-item { display: flex; justify-content: space-between; }
.company-info-2 .info-item .label { font-size: 15px; color: #fff; }
.company-info-2 .info-item .value { text-align: right; font-size: 12px; color: #ccc; line-height: 1.3; width: 60%; }
.stock-news { margin-top: 60px; background-color: #222; padding: 30px 15px; border-radius: 15px; }
.stock-news h5 { font-family: 'Alexandria', sans-serif; font-size: 24px; font-weight: 300; line-height: 20px; margin-bottom: 30px; color: white; }
.stock-news-item { margin-bottom: 15px; padding-right: 15%; }
.stock-news-content { flex: 1; color: white; }
.stock-news-title { font-family: 'Alexandria', sans-serif; font-size: 20px; font-weight: 300; line-height: 1.4; margin-bottom: 10px; }
.stock-news-description { font-family: 'Alexandria', sans-serif; font-size: 15px; font-weight: 300; line-height: 1.4; margin-bottom: 10px; color: #ccc; }
.advert-box-left { margin-top: 80px; margin-bottom: 90px; background-color: #fff; color: #000; display: flex; align-items: center; justify-content: center; padding: 9%; border-radius: 15px; }
.stock-info div, .company-stock-info div, .company-info .info-item, .company-info-2 .info-item { flex-wrap: wrap; }
.positive { color: #28a745; font-weight: 600; }

.stock-info-row { display: grid; grid-template-columns: repeat(6, 1fr); text-align: start; padding: 8px; border-radius: 6px; }
.stock-info-row:nth-child(even) { background-color: #4a4a4a; }
.stock-news-link { display: flex; align-items: flex-start; gap: 20px; text-decoration: none; color: inherit; }
.stock-news-link img { width: 150px; height: 100px; object-fit: cover; border-radius: 15px; flex-shrink: 0; }