/*
AldebaraN® Web Dünyası
Diren SERİN
www.aldebaranbilisim.com
*/
.legal-area { padding: 64px 0 80px; background: #fffaf2; }
.legal-navigation { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 38px; }
.legal-navigation a, .legal-navigation button { padding: 10px 16px; border: 1px solid #d9c8b3; border-radius: 24px; font: 600 13px/1.4 sans-serif; color: #7d1420; background: #fffdf8; }
.legal-documents { padding: 28px; background: #f1e6d6; border-radius: 24px; margin-bottom: 44px; }
.legal-documents .subtitle { color: #9b0911; font-size: 12px; }
.legal-documents h2 { margin: 8px 0 22px; font-size: 30px; }
.legal-document-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.legal-document { display: flex; gap: 15px; align-items: center; padding: 19px; border-radius: 16px; background: #fffdf8; color: #453328; }
.legal-document > i:first-child { font-size: 26px; color: #9b0911; }
.legal-document > i:last-child { margin-left: auto; transform: rotate(45deg); color: #9b0911; }
.legal-document strong { display: block; font-size: 14px; line-height: 1.5; }
.legal-document small { display: block; font-size: 12px; color: #856c57; margin-top: 3px; }
.legal-text { max-width: 980px; margin: 0 auto 48px; padding: 32px; border: 1px solid #e7dcca; border-radius: 24px; background: #fffdf8; overflow-wrap: anywhere; font-size: 15px; line-height: 1.9; }
.legal-text p { margin: 0 0 18px; line-height: inherit; }
.legal-text h2, .legal-text h3, .legal-text h4 { font-family: var(--lc-ff-body); text-transform: none; font-size: 22px; line-height: 1.5; margin: 24px 0 18px; letter-spacing: normal; }
.legal-text a { color: #9b0911; text-decoration: underline; }
.legal-text:target, .legal-documents:target { scroll-margin-top: 130px; }
.legal-area a:focus-visible, .legal-area button:focus-visible { outline: 2px solid #9b0911; outline-offset: 4px; }
@media(max-width:767px) { .legal-area { padding: 35px 0 45px; } .legal-documents { padding: 18px; } .legal-document-grid { grid-template-columns: minmax(0,1fr); } .legal-document { padding: 15px; } .legal-text { padding: 20px 17px; font-size: 14px; border-radius: 18px; } .legal-text h3 { font-size: 18px; } .legal-navigation { gap: 7px; } .legal-navigation a, .legal-navigation button { font-size: 11px; padding: 9px 12px; } }