/* İlgili paketler — premium navy composition (matches homepage tours section) */
.lx-related{position:relative;overflow:hidden;background:radial-gradient(ellipse 65% 60% at 50% 50%, rgba(6,21,37,.35) 0%, transparent 72%),linear-gradient(180deg,#0B2438 0%,#071A2B 55%,#061525 100%);border-top:1px solid rgba(201,165,92,.25);padding:88px 0}
.lx-related .wrap{position:relative;z-index:1;max-width:1400px}
.lx-related .rel-head{max-width:680px;margin:0 auto 36px;text-align:center}
.lx-related .rel-head .eyebrow{font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;color:#D8BC7A}
.lx-related .rel-head h2{font-family:'Cormorant Garamond',serif;font-size:clamp(1.9rem,4vw,2.8rem);color:#fff;margin:10px 0 0;font-weight:500}
.lx-rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;position:relative;z-index:1}
.lx-rel-card{position:relative;display:flex;flex-direction:column;min-width:0;transition:transform .48s cubic-bezier(.22,.61,.36,1),opacity .45s cubic-bezier(.22,.61,.36,1)}
.lx-rel-card:hover{transform:translateY(-6px) scale(1.02)!important}
.lx-rel-media{position:relative;height:190px;border-radius:22px;overflow:hidden;box-shadow:0 24px 50px -18px rgba(0,0,0,.55)}
.lx-rel-media .ph{position:absolute;inset:0}
.lx-rel-media img{width:100%;height:100%;object-fit:cover;position:relative;z-index:1;transition:transform 1.1s cubic-bezier(.22,.61,.36,1)}
.lx-rel-card:hover .lx-rel-media img{transform:scale(1.06)}
.lx-rel-media::after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,rgba(6,21,37,0) 40%,rgba(6,21,37,.88) 100%)}
.lx-rel-badge{position:absolute;top:14px;left:14px;z-index:3;display:inline-flex;align-items:center;background:rgba(6,21,37,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(201,165,92,.55);color:#D8BC7A;font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;padding:6px 12px;border-radius:999px}
.lx-rel-body{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;gap:6px;margin:-40px 12px 0;padding:20px 20px 20px;border-radius:18px;background:linear-gradient(180deg,#0B2438,#071A2B);border:1px solid rgba(201,165,92,.28);box-shadow:0 20px 50px -22px rgba(0,0,0,.6);transition:border-color .45s cubic-bezier(.22,.61,.36,1),box-shadow .45s cubic-bezier(.22,.61,.36,1)}
.lx-rel-card:hover .lx-rel-body{border-color:rgba(201,165,92,.62);box-shadow:0 28px 64px -20px rgba(0,0,0,.65),0 0 36px -12px rgba(201,165,92,.28)}
.lx-rel-region{font-size:.64rem;letter-spacing:.2em;text-transform:uppercase;color:#D8BC7A}
.lx-rel-body b{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:1.32rem;color:#fff;line-height:1.18}
.lx-rel-meta{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid rgba(201,165,92,.2)}
.lx-rel-price{font-family:'Jost',sans-serif;font-weight:700;color:#fff;font-size:1.02rem;font-variant-numeric:tabular-nums}
.lx-rel-go{display:inline-flex;align-items:center;gap:4px;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:#D8BC7A;transition:color .3s ease,transform .3s ease}
.lx-rel-card:hover .lx-rel-go{color:#fff;transform:translateX(2px)}
@media(min-width:769px) and (hover:hover){
  .lx-rel-grid:has(.lx-rel-card:hover) .lx-rel-card:not(:hover){opacity:.84}
}

/* Decorative Travel UI background layer (matches homepage tours section) */
.lx-related-ui{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.lx-rui-coord{position:absolute;top:36px;left:clamp(20px,4vw,52px);display:flex;flex-direction:column;gap:4px;opacity:.15}
.lx-rui-code{font-family:'Jost',sans-serif;font-size:.68rem;letter-spacing:.3em;color:#C9A55C;font-weight:600}
.lx-rui-geo{font-family:'Jost',sans-serif;font-size:.6rem;letter-spacing:.14em;color:#9FAFBE;font-variant-numeric:tabular-nums}
.lx-rui-label{position:absolute;top:36px;right:clamp(20px,4vw,52px);display:flex;align-items:center;gap:8px;font-family:'Jost',sans-serif;font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;color:#FFFFFF;opacity:.10;white-space:nowrap}
.lx-rui-label i{width:3px;height:3px;border-radius:50%;background:#C9A55C;display:inline-block}
.lx-rui-route{position:absolute;left:8%;right:8%;bottom:14%;height:1px;background:linear-gradient(90deg,transparent,rgba(201,165,92,.14) 15%,rgba(201,165,92,.14) 85%,transparent)}
.lx-rui-node{position:absolute;left:var(--x);top:-2.5px;width:5px;height:5px;border-radius:50%;background:#C9A55C;opacity:.22;box-shadow:0 0 14px 3px rgba(201,165,92,.16)}
.lx-rui-vline{position:absolute;top:10%;bottom:10%;width:1px;background:linear-gradient(180deg,transparent,rgba(159,175,190,.12),transparent)}
.lx-rui-vline--l{left:4%}
.lx-rui-vline--r{right:4%}

@media(max-width:900px){.lx-rel-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.lx-related-ui{display:none}}
@media(max-width:560px){.lx-rel-grid{grid-template-columns:1fr;gap:14px}.lx-related{padding:54px 0}.lx-rel-media{height:170px}.lx-rel-body{margin:-36px 8px 0}}