.brand-flag{display:block;width:34px;height:auto;flex-shrink:0;box-shadow:0 2px 12px #0003}
.symbols-section{background:radial-gradient(ellipse at 15% 35%,#c1272d0d,transparent 60%);border-bottom:1px solid var(--line)}
.symbols-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.symbol-card{margin:0;border:1px solid #536048;background:#19211b;overflow:hidden}
.symbol-visual{height:400px;display:flex;align-items:center;justify-content:center;position:relative;padding:30px;background-image:linear-gradient(#c2ceba06 1px,transparent 1px),linear-gradient(90deg,#c2ceba06 1px,transparent 1px);background-size:30px 30px}
.symbol-visual img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;position:relative}
.flag-visual{background-color:#1f2922;background-image:radial-gradient(ellipse at center,#4b392e88,transparent 70%),linear-gradient(#c2ceba06 1px,transparent 1px),linear-gradient(90deg,#c2ceba06 1px,transparent 1px);background-size:auto,30px 30px,30px 30px}
.flag-visual img{width:90%;height:auto;box-shadow:0 25px 50px #0006}
.map-visual img{width:100%;height:100%;object-fit:contain}
.symbol-card figcaption{padding:28px 30px;border-top:1px solid var(--line)}
.symbol-number{color:var(--copper);font-size:10px;letter-spacing:2px}
.symbol-card h3{font-family:'Playfair Display',Georgia,serif;font-size:28px;margin:14px 0 8px;font-weight:500}
.symbol-card p{font-size:12px;margin:0 0 24px}
.symbol-card .text-link{display:inline-block;font-size:12px}
.symbols-source{font-size:10px;margin:22px 0 0;line-height:1.8}
.symbols-source a{color:var(--copper);text-decoration:underline;text-underline-offset:3px}
html[lang="ar"] .symbol-card h3,html[lang="zgh"] .symbol-card h3{font-family:inherit}
@media(max-width:800px){.symbols-grid{grid-template-columns:1fr;gap:24px}.symbol-visual{height:330px;padding:24px}.symbol-card figcaption{padding:24px}.flag-visual img{width:90%}.brand-flag{width:28px}}
@media(max-width:400px){.symbol-visual{height:285px;padding:18px}.symbol-card h3{font-size:24px}}