:root{
      --nr-ink:#0b1220;
      --nr-ink-2:#18243e;
      --nr-brand:#ed1f24;        /* logo red */
      --nr-brand-2:#0b1220;      /* charcoal */
      --nr-warm:#f26669;         /* soft red/pink */
      --nr-card:#0f172a;
      --nr-soft:#eef7f7;
      --nr-border:rgba(255,255,255,.14);
      --nr-line:rgba(2,6,23,.08);
      --radius-xl:1.25rem;
    }

    body{ color:var(--nr-ink); }
    .shadow-soft{ box-shadow:0 18px 50px rgba(2, 6, 23, .12); }
    .radius-xl{ border-radius:var(--radius-xl); }
    .bg-soft{ background:linear-gradient(180deg, #ffffff, var(--nr-soft)); }

    /* Topbar */
    .topbar{
      background:linear-gradient(90deg, rgba(237,31,36,.10), rgba(242,102,105,.10));
      border-bottom:1px solid rgba(2, 6, 23, .06);
      font-size:.95rem;
    }
    .topbar a{ text-decoration:none; }

    /* Navbar */
    .navbar{
      backdrop-filter:saturate(140%) blur(10px);
      border-bottom:1px solid rgba(2,6,23,.06);
    }
    .nav-link{ font-weight:600; }
    .dropdown-menu{ border-radius:1rem; }


    /* Professional navbar spacing and icon rhythm */
    .navbar{ min-height:82px; box-shadow:0 12px 34px rgba(2,6,23,.055); }
    .navbar-brand img{ height:48px; width:auto; display:block; }
    .brand-subtitle{ color:rgba(2,6,23,.56); font-size:.78rem; font-weight:700; line-height:1.05; letter-spacing:.01em; padding-left:.15rem; }
    .nav-shell{ gap:.35rem; padding:.28rem; border:1px solid rgba(2,6,23,.07); border-radius:999px; background:rgba(248,250,252,.92); }
    .nav-shell .nav-link{ display:inline-flex; align-items:center; justify-content:center; gap:.5rem; min-height:42px; padding:.58rem .86rem; border-radius:999px; color:rgba(11,18,32,.82); font-size:.94rem; line-height:1; white-space:nowrap; transition:background .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease; }
    .nav-shell .nav-link i{ display:inline-flex; align-items:center; justify-content:center; width:1.15rem; min-width:1.15rem; font-size:1.02rem; line-height:1; color:var(--nr-brand); }
    .nav-shell .nav-link span{ display:inline-block; line-height:1; }
    .nav-shell .nav-link:hover, .nav-shell .nav-link:focus, .nav-shell .show > .nav-link{ background:#fff; color:var(--nr-ink); box-shadow:0 10px 26px rgba(2,6,23,.08); transform:translateY(-1px); }
    .nav-shell .dropdown-toggle::after{ margin-left:.18rem; transform:translateY(.08rem); opacity:.72; }
    .navbar .dropdown-menu{ min-width:260px; margin-top:.8rem; border:1px solid rgba(2,6,23,.08); border-radius:1.1rem; box-shadow:0 24px 55px rgba(2,6,23,.14); }
    .navbar .dropdown-item{ display:flex; align-items:center; gap:.72rem; min-height:46px; padding:.72rem .82rem; font-weight:700; color:rgba(11,18,32,.84); }
    .navbar .dropdown-item i{ display:inline-flex; align-items:center; justify-content:center; width:2rem; height:2rem; min-width:2rem; border-radius:.8rem; background:rgba(237,31,36,.10); color:var(--nr-brand); font-size:1rem; }
    .navbar .dropdown-item span{ line-height:1.18; }
    .navbar .dropdown-item:hover, .navbar .dropdown-item:focus{ background:rgba(237,31,36,.06); color:var(--nr-ink); }
    .nav-actions .btn{ display:inline-flex; align-items:center; justify-content:center; gap:.45rem; min-height:42px; font-weight:800; white-space:nowrap; }
    .nav-actions .btn i{ line-height:1; font-size:1rem; }
    @media (max-width: 1199.98px){ .nav-shell .nav-link{ padding:.56rem .7rem; font-size:.9rem; gap:.42rem; } .nav-actions .btn{ padding-left:1rem!important; padding-right:1rem!important; } }
    @media (max-width: 991.98px){ .navbar{ min-height:74px; } .navbar-brand img{ height:44px; } .nav-shell{ gap:.35rem; margin-top:1rem; padding:.6rem; border-radius:1.25rem; background:rgba(248,250,252,.96); } .nav-shell .nav-link{ justify-content:flex-start; width:100%; min-height:46px; padding:.72rem .9rem; } .navbar .dropdown-menu{ margin-top:.35rem; box-shadow:none; } .nav-actions{ padding-top:.75rem; } }
    /* Hero */
    .hero{
      --hero-fixed-height: clamp(620px, 74vh, 720px);
      position:relative;
      color:#fff;
      overflow:hidden;
      height:var(--hero-fixed-height);
      min-height:var(--hero-fixed-height);
      max-height:var(--hero-fixed-height);
      background:
        radial-gradient(1200px 600px at 18% 12%, rgba(237,31,36,.28), transparent 55%),
        radial-gradient(900px 520px at 82% 18%, rgba(242,102,105,.22), transparent 52%),
        radial-gradient(700px 420px at 55% 0%, rgba(245,158,11,.16), transparent 55%),
        linear-gradient(180deg, #081225, #061021 70%);
    }
    .hero:before{
      /* overlay (keeps text readable over slider) */
      content:"";
      position:absolute; inset:0;

      z-index:1;
          pointer-events:none;
    }

    /* Hero slider */
    .hero-slider{
      position:absolute; inset:0;
      z-index:0;
    }
    .hero-slider .carousel-item{
      height: min(74vh, 720px);
      min-height: 520px;
    }
    @media (max-width: 992px){
      .hero-slider .carousel-item{
        height: 680px;
        min-height: 640px;
      }
    }
    @media (max-width: 576px){
      .hero-slider .carousel-item{
        height: 720px;
        min-height: 720px;
      }
    }
    .hero-slider .carousel-item img{
      width:100%;
      height:100%;
      object-fit:cover;
      filter:saturate(1.05) contrast(1.02);
      transform:scale(1.02);
    }
    .hero-slider .carousel-indicators [data-bs-target]{
      width:10px; height:10px;
      border-radius:999px;
    }
    .hero-slider .carousel-control-prev-icon,
    .hero-slider .carousel-control-next-icon{
      filter: drop-shadow(0 10px 20px rgba(0,0,0,.35));
    }
.hero > .container{ position:relative; z-index:2; height:100%; display:flex; align-items:center; }
    .hero-badge{
      display:inline-flex; gap:.5rem; align-items:center;
      padding:.4rem .75rem;
      border:1px solid var(--nr-border);
      border-radius:999px;
      background:rgba(255,255,255,.06);
      font-weight:600;
    }
    .hero h1{
      letter-spacing:-.03em;
      font-weight:800;
      line-height:1.02;
    }
    .hero p{ color:rgba(255,255,255,.85); }
    .hero #heroTitle{ min-height:2.08em; }
    .hero #heroDescription{ min-height:4.6em; }
    @media (max-width: 576px){
      .hero #heroTitle{ min-height:auto; }
      .hero #heroDescription{ min-height:auto; }
    }
    .form-select, .form-control{
      border-radius:1rem;
    }









    /* Section headings */
    .section-kicker{
      color:var(--nr-brand);
      font-weight:800;
      letter-spacing:.06em;
      text-transform:uppercase;
      font-size:.85rem;
    }
    .section-title{ font-weight:850; letter-spacing:-.02em; }
    .muted{ color:rgba(2,6,23,.66); }

    /* Cards */
    .tour-card{
      border:1px solid rgba(2,6,23,.08);
      border-radius:var(--radius-xl);
      overflow:hidden;
      transition:transform .18s ease, box-shadow .18s ease;
      background:#fff;
    }
    .tour-card:hover{ transform:translateY(-4px); box-shadow:0 18px 45px rgba(2,6,23,.12); }
    .tour-thumb{
      height:210px;
      background-size:cover;
      background-position:center;
    }
    .pill{
      display:inline-flex; align-items:center; gap:.4rem;
      padding:.25rem .6rem;
      border-radius:999px;
      background:rgba(14,165,165,.10);
      color:var(--nr-ink-2);
      font-weight:700;
      font-size:.85rem;
    }

    /* Feature tiles */
    .feature-tile{
      border-radius:var(--radius-xl);
      border:1px solid rgba(2,6,23,.08);
      background:#fff;
      padding:1.25rem;
    }
    .icon-bubble{
      width:46px; height:46px;
      border-radius:14px;
      display:grid; place-items:center;
      background:linear-gradient(135deg, rgba(237,31,36,.16), rgba(242,102,105,.14));
      border:1px solid rgba(2,6,23,.06);
      font-size:1.2rem;
    }
      /* Gallery */
    .gallery-grid{
      display:grid;
      grid-template-columns:repeat(12, 1fr);
      gap:12px;
    }
    .g{
      border-radius:18px;
      overflow:hidden;
      min-height:160px;
      background-size:cover;
      background-position:center;
      border:1px solid rgba(2,6,23,.08);
    }
    .gr{
      border-radius:10px;
      overflow:hidden;
      min-height:100px;
      min-width:100px;

      background:no-repeat;
      background-size:contain;
      background-position:center;
      border:1px solid rgba(2,6,23,.08);
      background-color: white;

    }

    .g.g1{ grid-column:span 6; min-height:300px; }
    .g.g2{ grid-column:span 3; }
    .g.g3{ grid-column:span 3; }
    .g.g4{ grid-column:span 4; }
    .g.g5{ grid-column:span 4; }
    .g.g6{ grid-column:span 4; }
    @media (max-width: 992px){
      .g.g1{ grid-column:span 12; }
      .g.g2,.g.g3{ grid-column:span 6; }
      .g.g4,.g.g5,.g.g6{ grid-column:span 12; }
    }
    @media (max-width: 576px){
      .g{ grid-column:span 12 !important; }
    }

    /* CTA strip */
    .cta-strip{
      background:
        radial-gradient(900px 500px at 25% 10%, rgba(14,165,165,.22), transparent 60%),
        radial-gradient(700px 420px at 75% 0%, rgba(245,158,11,.22), transparent 55%),
        linear-gradient(180deg, #071125, #061021);
      color:#fff;
      border-radius:var(--radius-xl);
      overflow:hidden;
      border:1px solid rgba(255,255,255,.12);
    }

    /* Footer */
    footer{
      background:linear-gradient(180deg, #050b18, #040914);
      color:rgba(255,255,255,.86);
    }
    footer a{ color:rgba(255,255,255,.86); text-decoration:none; }
    footer a:hover{ color:#fff; }
    .footer-card{
      border:1px solid rgba(255,255,255,.12);
      background:rgba(255,255,255,.04);
      border-radius:var(--radius-xl);
      padding:1.25rem;
      height:100%;
    }

    /* Reduce motion */
    @media (prefers-reduced-motion: reduce){
      *{ scroll-behavior:auto !important; transition:none !important; }
    }
  
    /* Brand buttons (logo red) */
    .btn-brand{
      --bs-btn-color:#fff;
      --bs-btn-bg:var(--nr-brand);
      --bs-btn-border-color:var(--nr-brand);
      --bs-btn-hover-color:#fff;
      --bs-btn-hover-bg:#d3191d;
      --bs-btn-hover-border-color:#d3191d;
      --bs-btn-focus-shadow-rgb:237,31,36;
      --bs-btn-active-color:#fff;
      --bs-btn-active-bg:#c8161a;
      --bs-btn-active-border-color:#c8161a;
      border-radius:999px;
      font-weight:800;
    }
    .link-brand{ color:var(--nr-brand); }

  

    /* --- Hero slider UX enhancements (non-destructive) --- */
    .hero-slider{
      --slide-interval: 5500ms; /* keep in sync with data-bs-interval; JS will update */
    }

    /* Controls: center vertically, larger hit area, readable over imagery */
    .hero-slider .carousel-control-prev,
    .hero-slider .carousel-control-next{
      top:50%;
      bottom:auto;
      transform:translateY(-50%);
      width:3.75rem;
      height:3.75rem;
      opacity:1;
    }
    .hero-slider .carousel-control-prev{ left: 1rem; }
    .hero-slider .carousel-control-next{ right: 1rem; }

    .hero-slider .carousel-control-prev::before,
    .hero-slider .carousel-control-next::before{
      content:"";
      position:absolute;
      inset:0;
      border-radius:999px;
      background:rgba(2,6,23,.45);
      border:1px solid rgba(255,255,255,.18);
      backdrop-filter: blur(10px);
      box-shadow:0 14px 30px rgba(0,0,0,.25);
      transition:background .18s ease, transform .18s ease, border-color .18s ease;
    }
    .hero-slider .carousel-control-prev:hover::before,
    .hero-slider .carousel-control-next:hover::before{
      background:rgba(2,6,23,.62);
      border-color:rgba(255,255,255,.28);
      transform:scale(1.02);
    }
    .hero-slider .carousel-control-prev-icon,
    .hero-slider .carousel-control-next-icon{
      position:relative;
      z-index:1;
      width:1.4rem;
      height:1.4rem;
    }

    /* Indicators: lift them slightly with readable backdrop */
    .hero-slider .carousel-indicators{
      margin-bottom: 1.25rem;
      gap:.35rem;
    }
    .hero-slider .carousel-indicators::before{
      content:"";
      position:absolute;
      left:50%;
      transform:translateX(-50%);
      bottom:-0.25rem;
      width: 230px;
      height: 34px;
      border-radius:999px;
      background:rgba(2,6,23,.38);
      border:1px solid rgba(255,255,255,.12);
      backdrop-filter: blur(10px);
      z-index:-1;
    }

    /* Progress bar: shows "loading" between slides */
    .hero-progress{
      position:absolute;
      left:50%;
      transform:translateX(-50%);
      top: 1rem;
      width: min(520px, calc(100% - 2rem));
      height: 10px;
      border-radius:999px;
      background:rgba(255,255,255,.14);
      border:1px solid rgba(255,255,255,.18);
      overflow:hidden;
      z-index:3; /* above overlay */
      box-shadow:0 14px 30px rgba(0,0,0,.18);
    }
    .hero-progress > span{
      display:block;
      height:100%;
      width:0%;
      background:linear-gradient(90deg, rgba(255,255,255,.35), rgba(255,255,255,.92));
      border-radius:999px;
      animation: heroProgress var(--slide-interval) linear infinite;
    }
    .hero-slider.is-paused .hero-progress > span{
      animation-play-state: paused;
    }
    @keyframes heroProgress{
      from{ width:0%; }
      to{ width:100%; }
    }

    /* Loader: subtle spinner during image loads / transitions */
    .hero-loader{
      position:absolute;
      inset:0;
      display:grid;
      place-items:center;
      z-index:2; /* above overlay, below content (content is z=2; this is z=2 too; OK because it's within carousel) */
      pointer-events:none;
      opacity:0;
      transition: opacity .18s ease;
    }
    .hero-loader .loader-pill{
      display:inline-flex;
      align-items:center;
      gap:.6rem;
      padding:.55rem .9rem;
      border-radius:999px;
      background:rgba(2,6,23,.50);
      border:1px solid rgba(255,255,255,.18);
      backdrop-filter: blur(10px);
      box-shadow:0 14px 30px rgba(0,0,0,.25);
      color:rgba(255,255,255,.92);
      font-weight:700;
      font-size:.95rem;
    }
    .hero-loader .spinner-border{
      width:1.15rem;
      height:1.15rem;
      border-width:.14rem;
    }
    .hero-slider.is-loading .hero-loader{
      opacity:1;
    }

    /* Mobile ergonomics */
    @media (max-width: 576px){
      .hero-slider .carousel-control-prev{ left: .6rem; }
      .hero-slider .carousel-control-next{ right: .6rem; }
      .hero-progress{ top: .8rem; }
    }


    /* --- Slider status (bottom-left) --- */
    .hero-status{
      position:absolute;
      left:1.1rem;
      bottom:1.15rem;
      z-index:5;
      display:flex;
      align-items:center;
      gap:.75rem;
      padding:.65rem .8rem;
      border-radius:18px;
      background:rgba(2,6,23,.52);
      border:1px solid rgba(255,255,255,.18);
      backdrop-filter: blur(12px);
      box-shadow:0 16px 40px rgba(0,0,0,.28);
      pointer-events:none; /* never block carousel controls */
      max-width: min(520px, calc(100% - 2.2rem));
    }
    .hero-status .thumb{
      width:44px;
      height:44px;
      border-radius:14px;
      overflow:hidden;
      border:1px solid rgba(255,255,255,.16);
      flex:0 0 auto;
      background:rgba(255,255,255,.08);
    }
    .hero-status .thumb img{
      width:100%;
      height:100%;
      object-fit:cover;
      transform:scale(1.02);
    }
    .hero-status .meta{
      min-width: 0;
      flex:1 1 auto;
    }
    .hero-status .meta .title{
      color:rgba(255,255,255,.95);
      font-weight:800;
      font-size:.95rem;
      line-height:1.05;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
      margin-bottom:.35rem;
    }
    .hero-status .meta .sub{
      color:rgba(255,255,255,.75);
      font-weight:600;
      font-size:.82rem;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }
    .hero-status .bar{
      margin-top:.45rem;
      width:100%;
      height:8px;
      border-radius:999px;
      background:rgba(255,255,255,.14);
      overflow:hidden;
      border:1px solid rgba(255,255,255,.14);
    }
    .hero-status .bar > span{
      display:block;
      width:0%;
      height:100%;
      border-radius:999px;
      background:linear-gradient(90deg, rgba(255,255,255,.28), rgba(255,255,255,.92));
      transition: width linear;
    }
    .hero-status.is-loading .sub{
      color:rgba(255,255,255,.92);
    }
    .hero-status .spinner{
      width:18px;
      height:18px;
      border-radius:999px;
      border:2px solid rgba(255,255,255,.28);
      border-top-color: rgba(255,255,255,.92);
      animation: spin 0.85s linear infinite;
      flex:0 0 auto;
      opacity:0;
    }
    .hero-status.is-loading .spinner{
      opacity:1;
    }
    @keyframes spin{ to{ transform:rotate(360deg);} }

    /* Controls always above overlay */
    .hero-slider .carousel-control-prev,
    .hero-slider .carousel-control-next,
    .hero-slider .carousel-indicators{
      z-index:6;
    }

.hero-loader, .hero-progress{ pointer-events:none; }

.hero-slider .carousel-control-prev, .hero-slider .carousel-control-next{ pointer-events:auto; }

.hero-slider .carousel-indicators{ pointer-events:auto; }








  .nr-scroll-top{
    --nr-st-size:58px;
    --nr-st-right:22px;
    --nr-st-bottom:22px;
    --nr-st-bg1:#ed1f24;
    --nr-st-bg2:#f26669;
    --nr-st-shadow:0 16px 38px rgba(2,6,23,.26);
    --nr-st-ring-bg:rgba(255,255,255,.22);
    --nr-st-ring-fill:#fff;
    position:fixed;
    right:var(--nr-st-right);
    bottom:var(--nr-st-bottom);
    width:var(--nr-st-size);
    height:var(--nr-st-size);
    border:none;
    border-radius:999px;
    padding:0;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,var(--nr-st-bg1),var(--nr-st-bg2));
    color:#fff;
    box-shadow:var(--nr-st-shadow);
    cursor:pointer;
    z-index:9999;
    opacity:0;
    visibility:hidden;
    transform:translateY(16px) scale(.94);
    transition:opacity .25s ease, visibility .25s ease, transform .25s ease, box-shadow .25s ease, bottom .25s ease;
    -webkit-tap-highlight-color:transparent;
  }
  .nr-scroll-top.show{
    opacity:1;
    visibility:visible;
    transform:translateY(0) scale(1);
  }
  .nr-scroll-top:hover{
    box-shadow:0 20px 46px rgba(2,6,23,.34);
    transform:translateY(-2px) scale(1.03);
  }
  .nr-scroll-top:focus-visible{
    outline:none;
    box-shadow:0 0 0 4px rgba(255,255,255,.95), 0 0 0 8px rgba(237,31,36,.22), 0 20px 46px rgba(2,6,23,.34);
  }
  .nr-scroll-top.near-footer{
    bottom:96px;
  }
  .nr-scroll-top__inner{
    position:relative;
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .nr-scroll-top__icon{
    width:22px;
    height:22px;
    position:relative;
    z-index:2;
  }
  .nr-scroll-top__ring{
    position:absolute;
    inset:6px;
    width:calc(100% - 12px);
    height:calc(100% - 12px);
    transform:rotate(-90deg);
    z-index:1;
    pointer-events:none;
  }
  .nr-scroll-top__ring circle{
    fill:none;
    stroke-width:3;
    stroke-linecap:round;
  }
  .nr-scroll-top__ring .track{
    stroke:var(--nr-st-ring-bg);
  }
  .nr-scroll-top__ring .fill{
    stroke:var(--nr-st-ring-fill);
    transition:stroke-dashoffset .12s linear;
  }
  @media (max-width:768px){
    .nr-scroll-top{
      --nr-st-size:54px;
      --nr-st-right:16px;
      --nr-st-bottom:16px;
    }
    .nr-scroll-top.near-footer{
      bottom:82px;
    }
  }
  @media (prefers-reduced-motion:reduce){
    .nr-scroll-top{ transition:opacity .01s linear, visibility .01s linear, bottom .01s linear; }
  }

  /* contact */
      .hero-panel{
      background:rgba(255,255,255,.06);
      border:1px solid var(--nr-border);
      border-radius:var(--radius-xl);
      overflow:hidden;
    }
    .hero-panel .panel-hd{
      background:rgba(255,255,255,.07);
      border-bottom:1px solid var(--nr-border);
    }
    .hero-panel .form-label{ color:rgba(255,255,255,.85); font-weight:600; }
    .form-select, .form-control{
      border-radius:1rem;
    }

/* 3XCode imzası (footer - common::sign) */
.nr-3xsign #ucxfooter{ display:inline-flex; align-items:center; line-height:0; }
.nr-3xsign #ucxfooter img{ height:20px; width:auto; display:inline-block; opacity:.8; transition:opacity .2s ease; }
.nr-3xsign #ucxfooter a:hover img{ opacity:1; }