/* TURKI — hero kubah + ubin Iznik */
.tr-page { --color-primary:#dc2626; --color-accent:#0d9488; --color-bg:#fdfbf7; --tr-ink:#2a2320; --tr-muted:#7b716a;
  background:var(--color-bg); color:var(--tr-ink); font-family:'Mulish',system-ui,sans-serif; margin:-1.5rem -12px 0; padding-bottom:52px; text-align:center; }
.tr-container { width:100%; max-width:960px; margin:0 auto; padding:0 16px; }
.tr-breadcrumb { padding:14px 0 0; font-size:12px; color:var(--tr-muted); text-align:left; } .tr-breadcrumb a { color:var(--color-accent); }
.tr-dome { position:relative; margin-top:16px; padding:56px 20px 30px; background:var(--color-primary); color:#fff;
  border-radius:300px 300px 10px 10px/180px 180px 10px 10px; overflow:hidden; }
.tr-pattern { position:absolute; inset:0; opacity:.22; pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='54' height='54'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='1.6'%3E%3Ccircle cx='27' cy='27' r='11'/%3E%3Cpath d='M27 4v46M4 27h46M11 11l32 32M43 11L11 43'/%3E%3C/g%3E%3C/svg%3E");
  background-size:54px 54px; }
.tr-dome-inner { position:relative; }
.tr-kicker { margin:0 0 8px; font-size:11px; letter-spacing:.32em; color:#ffe0e0; }
.tr-h1 { font-family:'Marcellus',Georgia,serif; font-size:clamp(23px,5.6vw,38px); line-height:1.14; margin:0 0 8px; }
.tr-date { margin:0; font-size:12.5px; color:rgba(255,255,255,.86); }
.tr-tiles { display:flex; flex-wrap:wrap; justify-content:center; gap:6px; padding:26px 0 0; }
.tr-tile { position:relative; display:inline-flex; align-items:center; justify-content:center; width:clamp(66px,17vw,92px); height:clamp(66px,17vw,92px);
  background:#fff; border:2px solid var(--color-accent); color:var(--color-primary); font-family:'Marcellus',Georgia,serif;
  font-size:clamp(28px,8vw,42px); opacity:0; transform:scale(.9); animation:tr-in .45s ease forwards; }
.tr-tile::after { content:''; position:absolute; inset:5px; border:1px solid rgba(13,148,136,.45); }
.tr-tile-empty { color:#c7c0bb; border-color:#ddd6cf; }
@keyframes tr-in { to{opacity:1;transform:scale(1);} }
.tr-meta { margin:20px 0 0; font-size:12.5px; color:var(--tr-muted); }
.tr-tulips { display:block; height:26px; margin:24px auto; max-width:320px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='26'%3E%3Cg fill='%23dc2626'%3E%3Cpath d='M17 4c4 0 7 4 7 9s-3 9-7 9-7-4-7-9 3-9 7-9z'/%3E%3C/g%3E%3Cpath d='M17 22v4' stroke='%230d9488' stroke-width='2'/%3E%3C/svg%3E");
  background-size:34px 26px; background-repeat:repeat-x; opacity:.55; }
.tr-desc { margin:0 auto 4px; max-width:600px; font-size:14px; color:var(--tr-muted); }
.tr-section { margin-top:38px; }
.tr-h2 { font-family:'Marcellus',Georgia,serif; font-size:clamp(20px,4.6vw,28px); margin:0 0 16px; color:var(--color-primary); }
.tr-filter { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin-bottom:16px; }
.tr-filter select { height:40px; padding:0 12px; border:2px solid var(--color-accent); border-radius:2px; background:#fff; font-family:inherit; font-size:13px; }
.tr-btn { display:inline-flex; align-items:center; height:40px; padding:0 18px; border:2px solid var(--color-primary); border-radius:2px;
  background:var(--color-primary); color:#fff; font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; cursor:pointer; }
.tr-btn:hover { background:#b91c1c; color:#fff; } .tr-btn-ghost { background:var(--color-accent); border-color:var(--color-accent); }
.tr-table-frame { padding:8px; border:3px solid var(--color-accent); background:#fff;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cg fill='none' stroke='%230d9488' stroke-width='1.2'%3E%3Ccircle cx='12' cy='12' r='5'/%3E%3Cpath d='M12 1v22M1 12h22'/%3E%3C/g%3E%3C/svg%3E");
  background-size:24px 24px; }
.tr-table { width:100%; border-collapse:collapse; font-size:13.5px; text-align:left; background:#fffdf9; }
.tr-table thead th { background:var(--color-accent); color:#fff; font-family:'Marcellus',Georgia,serif; font-size:12px; letter-spacing:.1em;
  text-transform:uppercase; padding:11px 12px; white-space:nowrap; }
.tr-table tbody td { padding:11px 12px; border-bottom:1px solid #e9e1d7; }
.tr-table tbody tr:nth-child(even) { background:#f7f2ea; }
.tr-right { text-align:right; }
.tr-result { font-family:'Marcellus',Georgia,serif; font-size:18px; letter-spacing:.14em; color:var(--color-primary); }
.tr-muted { color:var(--tr-muted); } .tr-nowrap { white-space:nowrap; }
.tr-empty { background:#fff; border:3px solid var(--color-accent); padding:40px 20px; }
.tr-empty h3 { font-family:'Marcellus',Georgia,serif; font-size:18px; margin:0 0 6px; } .tr-empty p { margin:0; font-size:13px; color:var(--tr-muted); }
.tr-pagination { margin-top:14px; font-size:13px; color:var(--tr-muted); }
.tr-pagination .page-link { border-radius:2px; border:2px solid var(--color-accent); color:var(--color-accent); font-weight:700; }
.tr-pagination .page-item.active .page-link { background:var(--color-primary); border-color:var(--color-primary); color:#fff; }
.tr-bigtiles { display:grid; gap:8px; }
.tr-bigtile { position:relative; background:#fff; border:2px solid var(--color-accent); padding:24px 16px; }
.tr-bigtile::after { content:''; position:absolute; inset:6px; border:1px solid rgba(220,38,38,.35); pointer-events:none; }
.tr-bigtile-label { display:block; font-size:10.5px; font-weight:700; letter-spacing:.2em; text-transform:uppercase; color:var(--tr-muted); }
.tr-bigtile-value { display:block; margin:6px 0 3px; font-family:'Marcellus',Georgia,serif; font-size:20px; color:var(--color-primary); }
.tr-bigtile-note { display:block; font-size:11.5px; color:var(--tr-muted); }
.tr-note { margin:18px 0 0; font-size:13px; color:var(--tr-muted); } .tr-note a { color:var(--color-accent); font-weight:700; }
@media (min-width:768px) { .tr-bigtiles { grid-template-columns:repeat(3,1fr); } }
@media (min-width:992px) { .tr-page { margin-left:-24px; margin-right:-24px; } }
@media (max-width:575.98px) { .tr-hide-sm { display:none; } .tr-dome { padding:36px 14px 24px; border-radius:180px 180px 8px 8px/110px 110px 8px 8px; } .tr-tiles { gap:4px; } }
@media (prefers-reduced-motion:reduce) { .tr-tile { animation:none; opacity:1; transform:none; } }