:root {
      --white: #ffffff;
      --off: #f5f7fb;
      --off2: #eaeff7;
      --ink: #0f1623;
      --ink2: #1e2b3d;
      --sub: #5a6880;
      --border: #d6dfee;
      --red: #1e5fa8;
      --red2: #154d8f;
      --red-soft: #eef3fb;
      --red-mid: #c8daf5;
    }

    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    html { scroll-behavior: smooth; }
    body { font-family: 'Plus Jakarta Sans', sans-serif; background: var(--white); color: var(--ink); overflow-x: hidden; }
    h1,h2,h3,h4 { font-family: 'Oswald', sans-serif; }

    /* ─────────────────── TOPBAR ─────────────────── */
    .topbar {
      background: var(--ink);
      padding: 8px 0;
      font-size: .74rem;
      color: rgba(255,255,255,.45);
    }
    .topbar a { color: rgba(255,255,255,.45); text-decoration: none; transition: color .2s; }
    .topbar a:hover { color: #fff; }
    .tb-sep { width: 1px; height: 12px; background: rgba(255,255,255,.12); flex-shrink: 0; }

    /* ─────────────────── NAVBAR ─────────────────── */
    .site-nav {
      position: sticky; top: 0; z-index: 900;
      background: var(--white);
      border-bottom: 1px solid var(--border);
      transition: box-shadow .3s;
    }
    .site-nav.stuck { box-shadow: 0 2px 20px rgba(0,0,0,.07); }
    .nav-inner {
      display: flex; align-items: stretch;
      height: 70px;
    }
    .nav-logo {
      font-family: 'Oswald', sans-serif;
      font-size: 1.5rem; font-weight: 700;
      color: var(--ink); text-decoration: none;
      display: flex; align-items: center;
      letter-spacing: .04em;
      padding-right: 40px;
      border-right: 1px solid var(--border);
      margin-right: 8px;
      white-space: nowrap;
    }
    .nav-logo span { color: var(--red); }

    /* Nav items */
    .nav-items { display: flex; align-items: stretch; flex: 1; }
    .nav-item-wrap {
      position: relative;
      display: flex; align-items: stretch;
    }
    .nav-lnk {
      display: flex; align-items: center; gap: 5px;
      padding: 0 16px;
      font-size: .78rem; font-weight: 700;
      letter-spacing: .07em; text-transform: uppercase;
      color: var(--ink); text-decoration: none;
      white-space: nowrap;
      border-bottom: 3px solid transparent;
      transition: color .2s, border-color .2s;
      cursor: pointer;
    }
    .nav-lnk:hover, .nav-item-wrap:hover .nav-lnk { color: var(--red); border-bottom-color: var(--red); }
    .nav-lnk .arrow { font-size: .6rem; transition: transform .2s; }
    .nav-item-wrap:hover .arrow { transform: rotate(180deg); }

    /* Dropdown */
    .nav-drop {
      position: absolute; top: calc(100% + 1px); left: 0;
      background: var(--white);
      border: 1px solid var(--border);
      border-radius: 12px;
      padding: 8px;
      min-width: 220px;
      box-shadow: 0 16px 48px rgba(0,0,0,.1);
      opacity: 0; visibility: hidden;
      transform: translateY(10px);
      transition: opacity .22s, transform .22s, visibility .22s;
      z-index: 200;
    }
    .nav-item-wrap:hover .nav-drop { opacity: 1; visibility: visible; transform: translateY(0); }
    .nav-drop a {
      display: flex; align-items: center; gap: 10px;
      padding: 9px 14px;
      font-size: .82rem; font-weight: 500;
      color: var(--ink2); text-decoration: none;
      border-radius: 8px;
      transition: background .2s, color .2s;
    }
    .nav-drop a:hover { background: var(--red-soft); color: var(--red); }
    .nav-drop a i { font-size: .85rem; color: var(--red); opacity: .7; }

    .nav-right {
      display: flex; align-items: center; gap: 12px;
      margin-left: auto; padding-left: 20px;
      border-left: 1px solid var(--border);
    }
    .btn-tel {
      display: flex; align-items: center; gap: 8px;
      font-size: .78rem; font-weight: 600;
      color: var(--ink2); text-decoration: none;
      transition: color .2s;
    }
    .btn-tel:hover { color: var(--red); }
    .btn-tel-ico {
      width: 34px; height: 34px;
      border-radius: 50%;
      background: var(--red-soft);
      display: flex; align-items: center; justify-content: center;
      color: var(--red); font-size: .9rem;
    }
    .btn-quote {
      background: var(--red); color: #fff;
      border: none; border-radius: 8px;
      font-size: .76rem; font-weight: 700;
      letter-spacing: .08em; text-transform: uppercase;
      padding: 10px 18px; text-decoration: none;
      transition: background .2s, transform .15s;
      white-space: nowrap;
    }
    .btn-quote:hover { background: var(--red2); transform: translateY(-1px); }

    /* mobile */
    .nav-mob-toggle { display: none; background: none; border: none; padding: 8px; cursor: pointer; }
    .nav-mob-toggle span { display: block; width: 22px; height: 2px; background: var(--ink); margin: 5px 0; border-radius: 2px; transition: .3s; }

    /* ─────────────────── HERO SLIDER ─────────────────── */
    .hero {
      position: relative;
      overflow: hidden;
      height: 92vh;
      min-height: 600px;
    }

    /* Slides */
    .slide {
      position: absolute; inset: 0;
      opacity: 0;
      transition: opacity 1s ease;
      z-index: 0;
    }
    .slide.active { opacity: 1; z-index: 1; }

    .slide-bg {
      position: absolute; inset: 0;
      background-size: cover;
      background-position: center;
      transform: scale(1.06);
      transition: transform 7s ease;
    }
    .slide.active .slide-bg { transform: scale(1); }

    /* Dark overlay */
    .slide-overlay {
      position: absolute; inset: 0;
      background: linear-gradient(
        100deg,
        rgba(10,12,18,.82) 0%,
        rgba(10,12,18,.55) 50%,
        rgba(10,12,18,.25) 100%
      );
      z-index: 1;
    }

    /* Red side accent line */
    .slide-line {
      position: absolute;
      left: 0; top: 0; bottom: 0;
      width: 5px;
      background: var(--red);
      z-index: 2;
    }

    /* Copy */
    .slide-copy {
      position: absolute; inset: 0;
      display: flex; flex-direction: column; justify-content: center;
      z-index: 3;
      padding-left: max(28px, calc((100vw - 1320px)/2 + 24px));
      padding-right: 48px;
      max-width: 800px;
    }

    .slide-eyebrow {
      display: inline-flex; align-items: center; gap: 10px;
      font-size: .72rem; font-weight: 800;
      letter-spacing: .2em; text-transform: uppercase;
      color: rgba(255,255,255,.6);
      margin-bottom: 18px;
    }
    .slide-eyebrow::before {
      content:'';
      width: 32px; height: 2px;
      background: var(--red);
      flex-shrink: 0;
    }

    .slide-copy h1 {
      font-size: clamp(2.6rem, 5.5vw, 5.8rem);
      font-weight: 700;
      line-height: 1.0;
      color: #fff;
      text-transform: uppercase;
      letter-spacing: .01em;
    }
    .slide-copy h1 .accent { color: var(--red); }
    .slide-copy h1 .outline {
      -webkit-text-stroke: 2px rgba(255,255,255,.6);
      color: transparent;
    }
    .slide-desc {
      color: rgba(255,255,255,.65);
      font-size: .97rem;
      line-height: 1.8;
      max-width: 480px;
      margin-top: 18px;
    }

    /* Slide content animation */
    .slide-copy h1,
    .slide-eyebrow,
    .slide-desc,
    .slide-btns,
    .slide-badges {
      opacity: 0;
      transform: translateY(22px);
      transition: opacity .7s ease, transform .7s ease;
    }
    .slide.active .slide-eyebrow  { opacity:1; transform:none; transition-delay: .2s; }
    .slide.active .slide-copy h1  { opacity:1; transform:none; transition-delay: .35s; }
    .slide.active .slide-desc     { opacity:1; transform:none; transition-delay: .5s; }
    .slide.active .slide-btns     { opacity:1; transform:none; transition-delay: .62s; }
    .slide.active .slide-badges   { opacity:1; transform:none; transition-delay: .75s; }

    .slide-btns { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 30px; }

    .btn-solid {
      background: var(--red); color: #fff;
      border: none; border-radius: 8px;
      font-size: .82rem; font-weight: 700;
      padding: 14px 28px; text-decoration: none;
      display: inline-flex; align-items: center; gap: 8px;
      transition: background .2s, transform .15s;
    }
    .btn-solid:hover { background: var(--red2); color: #fff; transform: translateY(-2px); }

    .btn-line {
      background: rgba(255,255,255,.08);
      backdrop-filter: blur(6px);
      color: #fff;
      border: 1.5px solid rgba(255,255,255,.25);
      border-radius: 8px;
      font-size: .82rem; font-weight: 700;
      padding: 14px 28px; text-decoration: none;
      display: inline-flex; align-items: center; gap: 8px;
      transition: all .2s;
    }
    .btn-line:hover { border-color: rgba(255,255,255,.6); background: rgba(255,255,255,.15); color: #fff; }

    /* Badges */
    .slide-badges {
      display: flex; gap: 10px; flex-wrap: wrap;
      margin-top: 40px; padding-top: 32px;
      border-top: 1px solid rgba(255,255,255,.12);
    }
    .h-badge {
      display: flex; align-items: center; gap: 8px;
      background: rgba(255,255,255,.08);
      backdrop-filter: blur(8px);
      border: 1px solid rgba(255,255,255,.14);
      border-radius: 10px;
      padding: 9px 14px;
      font-size: .75rem; font-weight: 600;
      color: rgba(255,255,255,.85);
    }
    .h-badge i { color: var(--red); }

    /* ── Slider controls ── */
    .slider-nav {
      position: absolute; bottom: 40px; right: max(28px, calc((100vw - 1320px)/2 + 24px));
      z-index: 10;
      display: flex; align-items: center; gap: 12px;
    }
    .s-btn {
      width: 46px; height: 46px;
      border-radius: 50%;
      background: rgba(255,255,255,.1);
      backdrop-filter: blur(8px);
      border: 1px solid rgba(255,255,255,.2);
      color: #fff; font-size: 1rem;
      display: flex; align-items: center; justify-content: center;
      cursor: pointer; transition: all .2s;
    }
    .s-btn:hover { background: var(--red); border-color: var(--red); }

    /* Dots */
    .slider-dots {
      position: absolute; bottom: 52px;
      left: 50%; transform: translateX(-50%);
      z-index: 10;
      display: flex; gap: 8px;
    }
    .s-dot {
      width: 28px; height: 4px;
      border-radius: 2px;
      background: rgba(255,255,255,.3);
      cursor: pointer; transition: all .3s;
    }
    .s-dot.active { background: var(--red); width: 44px; }

    /* Progress bar */
    .slider-progress {
      position: absolute; bottom: 0; left: 0;
      height: 3px; background: var(--red);
      z-index: 10;
      animation: progress 5s linear infinite;
    }
    @keyframes progress { from{width:0} to{width:100%} }

    /* Slide counter */
    .slider-counter {
      position: absolute; bottom: 44px;
      left: max(28px, calc((100vw - 1320px)/2 + 24px));
      z-index: 10;
      font-family: 'Oswald', sans-serif;
      font-size: .85rem; font-weight: 600;
      color: rgba(255,255,255,.5);
      letter-spacing: .1em;
    }
    .slider-counter .cur { color: #fff; font-size: 1.1rem; }

    @media(max-width:991px){
      .hero { height: 85vh; }
      .slide-copy { padding-left: 24px; padding-right: 24px; max-width: 100%; }
      .slider-nav { display: none; }
    }
    @media(max-width:576px){
      .hero { height: 100svh; min-height: 580px; }
      .slide-badges { display: none; }
    }

    /* ─────────────────── LOGOS / TRUST ─────────────────── */
    .trust-strip {
      background: var(--white);
      border-top: 1px solid var(--border);
      border-bottom: 1px solid var(--border);
      padding: 20px 0;
    }
    .trust-label {
      font-size: .7rem; font-weight: 700; letter-spacing: .14em;
      text-transform: uppercase; color: var(--sub);
      padding-right: 32px;
      border-right: 1px solid var(--border);
      margin-right: 32px;
      white-space: nowrap;
      flex-shrink: 0;
    }
    .trust-logos {
      display: flex; align-items: center; gap: 32px;
      overflow: hidden; flex: 1;
    }
    .trust-logo {
      font-family: 'Oswald', sans-serif;
      font-size: .95rem; font-weight: 600;
      color: #bcc4d0; letter-spacing: .06em;
      text-transform: uppercase; white-space: nowrap;
      transition: color .2s;
    }
    .trust-logo:hover { color: var(--sub); }

    /* ─────────────────── ABOUT ─────────────────── */
    .sec { padding: 96px 0; }
    .sec-tag {
      display: inline-flex; align-items: center; gap: 8px;
      font-size: .7rem; font-weight: 800;
      letter-spacing: .18em; text-transform: uppercase;
      color: var(--red); margin-bottom: 14px;
    }
    .sec-tag::before { content:''; width: 20px; height: 2px; background: var(--red); }
    .sec-h {
      font-size: clamp(1.9rem, 3.2vw, 2.8rem);
      font-weight: 700; line-height: 1.1;
      text-transform: uppercase;
      color: var(--ink); letter-spacing: .01em;
    }
    .sec-h .dim { color: var(--sub); }

    /* about image */
    .abt-img-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-template-rows: 1fr 1fr;
      gap: 12px;
      height: 520px;
    }
    .abt-img-grid .g1 { grid-row: 1 / 3; }
    .abt-img-box {
      border-radius: 14px; overflow: hidden; position: relative;
    }
    .abt-img-box img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }
    .abt-img-box:hover img { transform: scale(1.04); }

    .exp-chip {
      position: absolute; bottom: 18px; left: 18px;
      background: var(--red); color: #fff;
      border-radius: 10px; padding: 12px 18px;
    }
    .exp-chip-n { font-family: 'Oswald', sans-serif; font-size: 2.5rem; font-weight: 700; line-height: 1; }
    .exp-chip-t { font-size: .7rem; font-weight: 600; text-transform: uppercase; letter-spacing: .08em; opacity: .85; }

    /* checkmarks */
    .feat-list { list-style: none; padding: 0; margin: 20px 0 0; }
    .feat-list li {
      display: flex; align-items: flex-start; gap: 14px;
      padding: 14px 0; border-bottom: 1px solid var(--border);
    }
    .feat-list li:first-child { border-top: 1px solid var(--border); }
    .feat-ico {
      width: 36px; height: 36px; flex-shrink: 0;
      background: var(--red-soft);
      border-radius: 9px;
      display: flex; align-items: center; justify-content: center;
      color: var(--red); font-size: 1rem; margin-top: 1px;
    }
    .feat-t { font-weight: 700; font-size: .9rem; margin-bottom: 2px; }
    .feat-d { font-size: .81rem; color: var(--sub); line-height: 1.55; }

    /* ─────────────────── PRODUCTS ─────────────────── */
    .products-sec { background: var(--off); }

    .prod-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 20px;
    }
    .prod-card {
      background: var(--white);
      border: 1px solid var(--border);
      border-radius: 16px;
      overflow: hidden;
      transition: transform .3s ease, box-shadow .3s ease;
      display: flex; flex-direction: column;
    }
    .prod-card:hover { transform: translateY(-6px); box-shadow: 0 24px 60px rgba(0,0,0,.09); }
    .prod-card.featured {
      grid-column: 1 / 3;
      flex-direction: row;
    }
    .prod-thumb { position: relative; overflow: hidden; flex-shrink: 0; }
    .prod-card:not(.featured) .prod-thumb { height: 200px; }
    .prod-card.featured .prod-thumb { width: 45%; height: auto; min-height: 260px; }
    .prod-thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s; filter: brightness(.92); }
    .prod-card:hover .prod-thumb img { transform: scale(1.05); }
    .prod-tag {
      position: absolute; top: 14px; left: 14px;
      background: var(--red); color: #fff;
      font-size: .65rem; font-weight: 800;
      letter-spacing: .1em; text-transform: uppercase;
      border-radius: 5px; padding: 4px 10px;
        z-index: 1;
    }
    .prod-body { padding: 22px; display: flex; flex-direction: column; flex: 1; }
    .prod-name { font-family: 'Oswald', sans-serif; font-size: 1.2rem; font-weight: 600; margin-bottom: 6px; text-transform: uppercase; }
    .prod-desc { font-size: .8rem; color: var(--sub); line-height: 1.6; flex: 1; }
    .prod-link {
      display: inline-flex; align-items: center; gap: 6px;
      font-size: .75rem; font-weight: 800;
      letter-spacing: .08em; text-transform: uppercase;
      color: var(--red); text-decoration: none;
      margin-top: 16px; transition: gap .2s;
    }
    .prod-link:hover { gap: 10px; }

    /* ─────────────────── STATS BAND ─────────────────── */
    .stats-band {
      background: var(--red);
      padding: 56px 0;
      position: relative; overflow: hidden;
    }
    .stats-band::before {
      content:'';
      position: absolute; inset: 0;
      background: repeating-linear-gradient(
        45deg,
        transparent, transparent 20px,
        rgba(255,255,255,.03) 20px, rgba(255,255,255,.03) 40px
      );
    }
    .stat-item { text-align: center; position: relative; z-index: 1; }
    .stat-n {
      font-family: 'Oswald', sans-serif;
      font-size: 4rem; font-weight: 700;
      color: #fff; line-height: 1;
    }
    .stat-n sup { font-size: 2rem; }
    .stat-l { font-size: .75rem; font-weight: 600; text-transform: uppercase; letter-spacing: .14em; color: rgba(255,255,255,.6); margin-top: 6px; }
    .stat-div { width: 1px; background: rgba(255,255,255,.2); align-self: center; height: 60px; }

    /* ─────────────────── SERVICES ─────────────────── */
    .svc-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 16px; }
    .svc-card {
      background: var(--off);
      border: 1px solid var(--border);
      border-radius: 14px; padding: 28px 22px;
      transition: all .3s; cursor: default;
    }
    .svc-card:hover { background: var(--white); border-color: var(--red-mid); box-shadow: 0 12px 32px rgba(0,0,0,.07); transform: translateY(-4px); }
    .svc-ico {
      width: 50px; height: 50px;
      background: var(--red-soft); border-radius: 12px;
      display: flex; align-items: center; justify-content: center;
      font-size: 1.4rem; color: var(--red); margin-bottom: 16px;
    }
    .svc-t { font-family: 'Oswald', sans-serif; font-size: 1.05rem; font-weight: 600; text-transform: uppercase; margin-bottom: 8px; }
    .svc-d { font-size: .8rem; color: var(--sub); line-height: 1.65; }

    /* ─────────────────── PROCESS ─────────────────── */
    .proc-sec { background: var(--ink); }
    .proc-sec .sec-tag { color: rgba(255,255,255,.5); }
    .proc-sec .sec-tag::before { background: rgba(255,255,255,.3); }
    .proc-sec .sec-h { color: #fff; }
    .proc-sec .sec-h .dim { color: rgba(255,255,255,.35); }

    .proc-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 1px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.08); border-radius: 16px; overflow: hidden; margin-top: 50px; }
    .proc-item { background: var(--ink2); padding: 32px 26px; transition: background .3s; }
    .proc-item:hover { background: rgba(255,255,255,.04); }
    .proc-num {
      font-family: 'Oswald', sans-serif;
      font-size: 3.5rem; font-weight: 700;
      color: rgba(255,255,255,.06); line-height: 1;
      margin-bottom: -8px;
    }
    .proc-t { font-family: 'Oswald', sans-serif; font-size: 1.05rem; font-weight: 600; color: #fff; text-transform: uppercase; margin-bottom: 10px; }
    .proc-d { font-size: .8rem; color: rgba(255,255,255,.45); line-height: 1.65; }
    .proc-ico { color: var(--red); font-size: 1.5rem; margin-bottom: 16px; }

    /* ─────────────────── TESTIMONIALS ─────────────────── */
    .testi-sec { background: var(--off); }
    .testi-card {
      background: var(--white);
      border: 1px solid var(--border);
      border-radius: 16px; padding: 30px;
      height: 100%;
      transition: all .3s;
    }
    .testi-card:hover { box-shadow: 0 12px 36px rgba(0,0,0,.07); border-color: var(--red-mid); }
    .testi-rating { color: #f59e0b; font-size: .82rem; margin-bottom: 16px; }
    .testi-big-q {
      font-family: Georgia, serif; font-size: 3rem;
      color: var(--red-mid); line-height: .6; margin-bottom: 14px;
    }
    .testi-txt { font-size: .87rem; color: var(--sub); line-height: 1.75; font-style: italic; margin-bottom: 22px; }
    .testi-av {
      width: 42px; height: 42px; border-radius: 50%;
      background: var(--red-soft); border: 2px solid var(--red-mid);
      display: flex; align-items: center; justify-content: center;
      font-family: 'Oswald', sans-serif; font-weight: 700; font-size: .95rem;
      color: var(--red);
    }
    .testi-name { font-weight: 700; font-size: .88rem; }
    .testi-role { font-size: .75rem; color: var(--sub); }

    /* ─────────────────── CTA ─────────────────── */
    .cta-sec { background: var(--white); }
    .cta-inner {
      background: var(--off);
      border: 1px solid var(--border);
      border-radius: 20px;
      padding: 72px 60px;
      display: grid;
      grid-template-columns: 1fr auto;
      align-items: center; gap: 40px;
      position: relative; overflow: hidden;
    }
    .cta-inner::after {
      content: '';
      position: absolute; top: -60px; right: -60px;
      width: 280px; height: 280px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(201,50,15,.08) 0%, transparent 70%);
    }
    .cta-h { font-family: 'Oswald', sans-serif; font-size: clamp(1.8rem,3vw,2.8rem); font-weight: 700; text-transform: uppercase; color: var(--ink); line-height: 1.1; }
    .cta-h span { color: var(--red); }
    .cta-sub { font-size: .9rem; color: var(--sub); margin-top: 12px; max-width: 460px; line-height: 1.7; }
    .cta-actions { display: flex; gap: 12px; flex-shrink: 0; }
    .btn-red { background: var(--red); color: #fff; border: none; border-radius: 8px; font-size: .82rem; font-weight: 700; padding: 14px 26px; text-decoration: none; display: inline-flex; align-items: center; gap: 8px; transition: background .2s, transform .15s; }
    .btn-red:hover { background: var(--red2); color: #fff; transform: translateY(-2px); }
    .btn-dark { background: var(--ink); color: #fff; border: none; border-radius: 8px; font-size: .82rem; font-weight: 700; padding: 14px 26px; text-decoration: none; display: inline-flex; align-items: center; gap: 8px; transition: background .2s; }
    .btn-dark:hover { background: var(--ink2); color: #fff; }

    /* ─────────────────── FOOTER ─────────────────── */
    footer { background: var(--ink); padding: 72px 0 0; }
    .ft-logo { font-family: 'Oswald', sans-serif; font-size: 1.45rem; font-weight: 700; color: #fff; letter-spacing: .04em; }
    .ft-logo span { color: var(--red); }
    .ft-desc { font-size: .82rem; color: rgba(255,255,255,.38); line-height: 1.75; max-width: 250px; margin-top: 10px; }
    .ft-soc { display: flex; gap: 8px; margin-top: 20px; }
    .ft-soc a { width: 35px; height: 35px; border-radius: 8px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.08); display: flex; align-items: center; justify-content: center; color: rgba(255,255,255,.45); text-decoration: none; font-size: .85rem; transition: all .2s; }
    .ft-soc a:hover { background: var(--red); border-color: var(--red); color: #fff; }
    .ft-h { font-family: 'Oswald', sans-serif; font-size: .8rem; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: rgba(255,255,255,.9); margin-bottom: 18px; }
    .ft-ul { list-style: none; padding: 0; }
    .ft-ul li { margin-bottom: 10px; }
    .ft-ul a { font-size: .81rem; color: rgba(255,255,255,.38); text-decoration: none; transition: color .2s; }
    .ft-ul a:hover { color: #fff; }
    .ft-contact-row { display: flex; gap: 10px; margin-bottom: 12px; font-size: .81rem; color: rgba(255,255,255,.38); }
    .ft-contact-row i { color: var(--red); flex-shrink: 0; margin-top: 2px; }
    .ft-contact-row a { color: rgba(255,255,255,.38); text-decoration: none; }
    .ft-contact-row a:hover { color: #fff; }
    .ft-bottom { border-top: 1px solid rgba(255,255,255,.07); margin-top: 52px; padding: 20px 0; font-size: .75rem; color: rgba(255,255,255,.22); }
    .ft-bottom a { color: rgba(255,255,255,.22); text-decoration: none; }
    .ft-bottom a:hover { color: rgba(255,255,255,.55); }

    /* ─────────────────── REVEAL ─────────────────── */
    .r { opacity: 0; transform: translateY(24px); transition: opacity .6s ease, transform .6s ease; }
    .r.on { opacity: 1; transform: none; }
    .r.d1 { transition-delay: .1s; } .r.d2 { transition-delay: .2s; } .r.d3 { transition-delay: .3s; }

    /* hero anim */
    .ha { animation: hup .7s both; }
    .ha.d1{animation-delay:.08s}.ha.d2{animation-delay:.18s}.ha.d3{animation-delay:.28s}.ha.d4{animation-delay:.4s}.ha.d5{animation-delay:.55s}
    @keyframes hup{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}

    /* ─────────────────── RESPONSIVE ─────────────────── */
    @media(max-width:1199px){
      .prod-grid { grid-template-columns: repeat(2,1fr); }
      .prod-card.featured { grid-column: auto; flex-direction: column; }
      .prod-card.featured .prod-thumb { width: 100%; height: 200px; }
    }
    @media(max-width:991px){
      .hero-inner { grid-template-columns: 1fr; }
      .hero-copy { padding: 60px 20px 50px; }
      .hero-visual { height: 360px; }
      .hero-vis-overlay { background: linear-gradient(to top, var(--off) 0%, transparent 40%); }
      .hero-stat-card { display: none; }
      .abt-img-grid { height: 320px; }
      .svc-grid { grid-template-columns: repeat(2,1fr); }
      .proc-grid { grid-template-columns: repeat(2,1fr); }
      .cta-inner { grid-template-columns: 1fr; }
      .cta-actions { flex-wrap: wrap; }
      .nav-items, .nav-right { display: none; }
      .nav-mob-toggle { display: block; }
      .nav-logo { border-right: none; padding-right: 0; }
      .nav-inner { justify-content: space-between; }
    }
    @media(max-width:767px){
      .prod-grid { grid-template-columns: 1fr; }
      .svc-grid { grid-template-columns: 1fr; }
      .proc-grid { grid-template-columns: 1fr; }
      .trust-label { display: none; }
      .cta-inner { padding: 36px 24px; }
      .stats-band .stat-div { display: none; }
      .topbar { display: none; }
    }
/* ═══════════════════════════════════════════════════
   HAKKIMIZDA PAGE — Extra styles
   ═══════════════════════════════════════════════════ */

/* ── Page Hero (inner pages) ── */
.page-hero {
  background: var(--ink);
  position: relative;
  overflow: hidden;
  padding: 90px 0 80px;
}
.page-hero-bg {
  position: absolute; inset: 0;
  background-size: cover;
  background-position: center;
  opacity: .18;
}
.page-hero::before {
  content: '';
  position: absolute; inset: 0;
  background: linear-gradient(100deg, rgba(201,50,15,.25) 0%, transparent 60%);
}
.page-hero-line {
  position: absolute; left: 0; top: 0; bottom: 0;
  width: 5px; background: var(--red);
}
.page-hero-content { position: relative; z-index: 2; }
.page-breadcrumb {
  display: flex; align-items: center; gap: 8px;
  font-size: .75rem; font-weight: 600;
  letter-spacing: .1em; text-transform: uppercase;
  color: rgba(255,255,255,.4);
  margin-bottom: 18px;
}
.page-breadcrumb a { color: rgba(255,255,255,.4); text-decoration: none; transition: color .2s; }
.page-breadcrumb a:hover { color: #fff; }
.page-breadcrumb .sep { color: rgba(255,255,255,.2); }
.page-breadcrumb .cur { color: var(--red); }
.page-hero h1 {
  font-size: clamp(2.8rem, 5vw, 5rem);
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  line-height: 1.0;
  letter-spacing: .01em;
}
.page-hero h1 .accent { color: var(--red); }
.page-hero h1 .outline {
  -webkit-text-stroke: 2px rgba(255,255,255,.5);
  color: transparent;
}
.page-hero-desc {
  color: rgba(255,255,255,.55);
  font-size: .97rem;
  line-height: 1.8;
  max-width: 520px;
  margin-top: 16px;
}
.page-hero-stats {
  display: flex; gap: 40px; flex-wrap: wrap;
  margin-top: 44px; padding-top: 36px;
  border-top: 1px solid rgba(255,255,255,.1);
}
.ph-stat-num {
  font-family: 'Oswald', sans-serif;
  font-size: 2.8rem; font-weight: 700;
  color: #fff; line-height: 1;
}
.ph-stat-num span { color: var(--red); }
.ph-stat-lbl {
  font-size: .72rem; font-weight: 600;
  text-transform: uppercase; letter-spacing: .1em;
  color: rgba(255,255,255,.4); margin-top: 4px;
}

/* ── Story / Mission / Vision ── */
.story-img {
  border-radius: 16px; overflow: hidden; position: relative;
}
.story-img img {
  width: 100%; height: 100%;
  min-height: 400px;
  object-fit: cover;
  display: block;
  transition: transform .6s;
}
.story-img:hover img { transform: scale(1.03); }
.story-img-badge {
  position: absolute; bottom: 24px; right: 24px;
  background: var(--red); color: #fff;
  border-radius: 12px; padding: 14px 20px;
  text-align: center;
}
.sib-n { font-family: 'Oswald', sans-serif; font-size: 2.6rem; font-weight: 700; line-height: 1; }
.sib-t { font-size: .72rem; font-weight: 600; text-transform: uppercase; letter-spacing: .08em; opacity: .85; }

.timeline {
  position: relative;
  padding-left: 28px;
}
.timeline::before {
  content: '';
  position: absolute; left: 0; top: 8px; bottom: 0;
  width: 2px; background: var(--border);
}
.tl-item {
  position: relative;
  padding-bottom: 32px;
}
.tl-item:last-child { padding-bottom: 0; }
.tl-dot {
  position: absolute; left: -34px; top: 4px;
  width: 12px; height: 12px;
  border-radius: 50%;
  background: var(--white);
  border: 2px solid var(--border);
  transition: border-color .3s, background .3s;
}
.tl-item:hover .tl-dot { border-color: var(--red); background: var(--red); }
.tl-year {
  font-family: 'Oswald', sans-serif;
  font-size: .75rem; font-weight: 700;
  letter-spacing: .14em; text-transform: uppercase;
  color: var(--red); margin-bottom: 4px;
}
.tl-title { font-family: 'Oswald', sans-serif; font-size: 1.05rem; font-weight: 600; color: var(--ink); margin-bottom: 4px; }
.tl-desc { font-size: .82rem; color: var(--sub); line-height: 1.6; }

/* ── Mission / Vision cards ── */
.mv-card {
  border-radius: 16px;
  padding: 36px 32px;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.mv-card.mission { background: var(--ink); }
.mv-card.vision  { background: var(--red); }
.mv-card::before {
  content: '';
  position: absolute; bottom: -40px; right: -40px;
  width: 180px; height: 180px;
  border-radius: 50%;
  background: rgba(255,255,255,.04);
}
.mv-ico {
  width: 52px; height: 52px;
  border-radius: 12px;
  background: rgba(255,255,255,.1);
  display: flex; align-items: center; justify-content: center;
  font-size: 1.4rem; color: #fff;
  margin-bottom: 20px;
}
.mv-title {
  font-family: 'Oswald', sans-serif;
  font-size: 1.4rem; font-weight: 700;
  color: #fff; text-transform: uppercase;
  margin-bottom: 12px;
}
.mv-text { font-size: .87rem; color: rgba(255,255,255,.65); line-height: 1.75; }

/* ── Values grid ── */
.val-card {
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: 14px;
  padding: 28px 24px;
  transition: all .3s;
}
.val-card:hover {
  border-color: var(--red-mid);
  box-shadow: 0 12px 36px rgba(0,0,0,.07);
  transform: translateY(-4px);
}
.val-ico {
  width: 50px; height: 50px;
  background: var(--red-soft);
  border-radius: 12px;
  display: flex; align-items: center; justify-content: center;
  font-size: 1.3rem; color: var(--red);
  margin-bottom: 16px;
}
.val-title { font-family: 'Oswald', sans-serif; font-size: 1.05rem; font-weight: 600; text-transform: uppercase; margin-bottom: 8px; }
.val-desc { font-size: .81rem; color: var(--sub); line-height: 1.65; }

/* ── Team ── */
.team-card {
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: 16px;
  overflow: hidden;
  transition: all .3s;
}
.team-card:hover { box-shadow: 0 16px 48px rgba(0,0,0,.09); transform: translateY(-5px); border-color: var(--red-mid); }
.team-photo {
  position: relative; overflow: hidden;
  height: 260px;
}
.team-photo img { width: 100%; height: 100%; object-fit: cover; object-position: top; transition: transform .5s; filter: saturate(.85); }
.team-card:hover .team-photo img { transform: scale(1.05); filter: saturate(1); }
.team-photo-overlay {
  position: absolute; inset: 0;
  background: linear-gradient(to top, rgba(17,19,24,.5), transparent);
}
.team-body { padding: 20px; }
.team-name { font-family: 'Oswald', sans-serif; font-size: 1.15rem; font-weight: 700; text-transform: uppercase; margin-bottom: 2px; }
.team-role { font-size: .78rem; font-weight: 600; color: var(--red); text-transform: uppercase; letter-spacing: .08em; margin-bottom: 10px; }
.team-bio { font-size: .8rem; color: var(--sub); line-height: 1.6; }
.team-soc { display: flex; gap: 8px; margin-top: 14px; }
.team-soc a {
  width: 32px; height: 32px; border-radius: 8px;
  background: var(--off); border: 1px solid var(--border);
  display: flex; align-items: center; justify-content: center;
  font-size: .82rem; color: var(--sub); text-decoration: none;
  transition: all .2s;
}
.team-soc a:hover { background: var(--red); border-color: var(--red); color: #fff; }

/* ── Certificates ── */
.cert-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
.cert-card {
  background: var(--off);
  border: 1px solid var(--border);
  border-radius: 14px;
  padding: 28px 20px;
  text-align: center;
  transition: all .3s;
}
.cert-card:hover { background: var(--white); border-color: var(--red-mid); box-shadow: 0 8px 24px rgba(0,0,0,.06); transform: translateY(-3px); }
.cert-ico { font-size: 2.2rem; color: var(--red); margin-bottom: 12px; }
.cert-name { font-family: 'Oswald', sans-serif; font-size: 1rem; font-weight: 600; text-transform: uppercase; margin-bottom: 4px; }
.cert-year { font-size: .75rem; color: var(--sub); }

/* ── CTA strip (hakkımızda) ── */
.page-cta {
  background: var(--ink);
  position: relative; overflow: hidden;
  padding: 80px 0;
}
.page-cta::before {
  content: '';
  position: absolute; top: -80px; right: -80px;
  width: 360px; height: 360px; border-radius: 50%;
  background: radial-gradient(circle, rgba(201,50,15,.3) 0%, transparent 70%);
}
.page-cta .sec-tag { color: rgba(255,255,255,.4); }
.page-cta .sec-tag::before { background: rgba(255,255,255,.25); }
.page-cta h2 { color: #fff; }
.page-cta h2 .accent { color: var(--red); }
.page-cta p { color: rgba(255,255,255,.45); }

/* Responsive extras */
@media(max-width: 991px) {
  .cert-grid { grid-template-columns: repeat(2, 1fr); }
}
@media(max-width: 767px) {
  .cert-grid { grid-template-columns: repeat(2, 1fr); }
  .page-hero-stats { gap: 24px; }
}

/* ═══════════════════════════════════════════════════
   INDEX PAGE UPDATES — Logo Carousel, Why Us, New Footer
   ═══════════════════════════════════════════════════ */

/* ── Logo Carousel ── */
.logo-carousel-wrap {
  background: var(--white);
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  padding: 0;
  overflow: hidden;
}
.lc-inner {
  display: flex;
  align-items: stretch;
  height: 64px;
}
.lc-label {
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--sub);
  white-space: nowrap;
  padding: 0 28px;
  border-right: 1px solid var(--border);
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.lc-track-wrap {
  flex: 1;
  overflow: hidden;
  position: relative;
  /* fade edges */
  -webkit-mask-image: linear-gradient(to right, transparent 0%, black 6%, black 94%, transparent 100%);
  mask-image: linear-gradient(to right, transparent 0%, black 6%, black 94%, transparent 100%);
}
.lc-track {
  display: flex;
  align-items: center;
  gap: 0;
  width: max-content;
  animation: lc-scroll 28s linear infinite;
  height: 64px;
}
.lc-track:hover { animation-play-state: paused; }
@keyframes lc-scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}
.lc-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 32px;
  border-right: 1px solid var(--border);
  height: 100%;
  font-family: 'Oswald', sans-serif;
  font-size: .92rem;
  font-weight: 600;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: #bcc4d0;
  white-space: nowrap;
  transition: color .2s;
}
.lc-item:hover { color: var(--ink); }
.lc-icon { color: var(--red); font-size: 1rem; opacity: .6; }

/* ── Why Us — Full bleed split ── */
.why-sec {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 660px;
  opacity: 0;
  transform: translateY(24px);
  transition: opacity .6s ease, transform .6s ease;
}
.why-sec.on { opacity: 1; transform: none; }

.why-image-col {
  position: relative;
  overflow: hidden;
}
.why-image-col img {
  width: 100%; height: 100%;
  object-fit: cover;
  transition: transform .6s;
}
.why-sec:hover .why-image-col img { transform: scale(1.03); }
.why-img-overlay {
  position: absolute; inset: 0;
  background: linear-gradient(to right, transparent 60%, var(--off) 100%),
              linear-gradient(to top, rgba(17,19,24,.4) 0%, transparent 50%);
}
.why-img-badge {
  position: absolute; bottom: 36px; left: 36px;
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: 14px;
  padding: 16px 20px;
  display: flex; align-items: center; gap: 14px;
  box-shadow: 0 8px 32px rgba(0,0,0,.1);
}
.wib-ico {
  width: 44px; height: 44px;
  background: var(--red-soft);
  border-radius: 10px;
  display: flex; align-items: center; justify-content: center;
  font-size: 1.3rem; color: var(--red);
  flex-shrink: 0;
}
.wib-val { font-family: 'Oswald', sans-serif; font-size: 1.1rem; font-weight: 700; color: var(--ink); }
.wib-lbl { font-size: .7rem; color: var(--sub); font-weight: 600; text-transform: uppercase; letter-spacing: .08em; }

.why-copy-col {
  background: var(--off);
  padding: 72px 60px;
  display: flex; flex-direction: column; justify-content: center;
}
.why-features {
  margin-top: 32px;
  display: flex; flex-direction: column; gap: 0;
}
.wf-item {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  padding: 16px 0;
  border-bottom: 1px solid var(--border);
  transition: background .2s;
}
.wf-item:first-child { border-top: 1px solid var(--border); }
.wf-num {
  font-family: 'Oswald', sans-serif;
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--red-mid);
  line-height: 1;
  flex-shrink: 0;
  width: 36px;
  transition: color .2s;
}
.wf-item:hover .wf-num { color: var(--red); }
.wf-t { font-family: 'Oswald', sans-serif; font-size: .98rem; font-weight: 600; text-transform: uppercase; margin-bottom: 2px; color: var(--ink); }
.wf-d { font-size: .8rem; color: var(--sub); line-height: 1.55; }

@media(max-width:991px) {
  .why-sec { grid-template-columns: 1fr; }
  .why-image-col { height: 320px; }
  .why-copy-col { padding: 48px 24px; }
  .why-img-overlay { background: linear-gradient(to top, var(--off) 0%, transparent 40%); }
}

/* ── NEW MERGED FOOTER ── */
footer.footer-merged {
  background: transparent;
  padding: 0;
  border-top: none;
}

/* CTA Band */
.ftr-cta {
  position: relative;
  overflow: hidden;
  padding: 80px 0;
  background: var(--ink);
}
.ftr-cta-bg {
  position: absolute; inset: 0;
  background-size: cover;
  background-position: center;
  opacity: .12;
}
.ftr-cta-overlay {
  position: absolute; inset: 0;
  background: linear-gradient(100deg, rgba(201,50,15,.3) 0%, rgba(17,19,24,.8) 60%);
}
.ftr-cta-tag {
  font-size: .7rem; font-weight: 800;
  letter-spacing: .2em; text-transform: uppercase;
  color: rgba(255,255,255,.4);
  display: flex; align-items: center; gap: 10px;
  margin-bottom: 14px;
}
.ftr-cta-tag::before { content:''; width: 20px; height: 2px; background: var(--red); }
.ftr-cta-h {
  font-family: 'Oswald', sans-serif;
  font-size: clamp(2.2rem, 3.5vw, 3.4rem);
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  line-height: 1.05;
}
.ftr-cta-h span { color: var(--red); }
.ftr-cta-sub {
  color: rgba(255,255,255,.45);
  font-size: .9rem; line-height: 1.75;
  max-width: 440px; margin-top: 12px;
}

/* Contact cards */
.ftr-contact-card {
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 14px;
  padding: 24px;
  height: 100%;
  backdrop-filter: blur(8px);
  transition: background .2s, border-color .2s;
}
.ftr-contact-card:hover { background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.2); }
.fcc-ico {
  width: 42px; height: 42px;
  background: var(--red);
  border-radius: 10px;
  display: flex; align-items: center; justify-content: center;
  font-size: 1.1rem; color: #fff;
  margin-bottom: 12px;
}
.fcc-lbl { font-size: .68rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: rgba(255,255,255,.4); margin-bottom: 4px; }
.fcc-val { display: block; font-family: 'Oswald', sans-serif; font-size: 1.05rem; font-weight: 600; color: #fff; text-decoration: none; margin-bottom: 8px; transition: color .2s; }
.fcc-val:hover { color: var(--red); }
.fcc-note { font-size: .73rem; color: rgba(255,255,255,.35); }
.fcc-cta-btn {
  display: inline-flex; align-items: center; gap: 6px;
  margin-top: 10px;
  font-size: .75rem; font-weight: 700;
  letter-spacing: .08em; text-transform: uppercase;
  color: var(--red); text-decoration: none;
  transition: gap .2s;
}
.fcc-cta-btn:hover { gap: 10px; color: var(--red); }

/* Footer Main */
.ftr-main {
  background: var(--ink2);
  padding: 64px 0 48px;
}

/* Brand showcase */
.ftr-brand-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 40px;
  margin-bottom: 48px;
  padding-bottom: 48px;
  border-bottom: 1px solid rgba(255,255,255,.07);
}
.ftr-logo-big {
  font-family: 'Oswald', sans-serif;
  font-size: 2.4rem;
  font-weight: 700;
  color: #fff;
  letter-spacing: .04em;
  line-height: 1;
}
.ftr-logo-big span { color: var(--red); }
.ftr-tagline {
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: rgba(255,255,255,.35);
  margin-top: 6px;
  margin-bottom: 14px;
}
.ftr-brand-desc {
  font-size: .82rem;
  color: rgba(255,255,255,.35);
  line-height: 1.75;
  max-width: 340px;
  margin-bottom: 20px;
}
.ftr-certs {
  display: flex; gap: 10px; flex-wrap: wrap;
}
.ftr-cert {
  display: flex; align-items: center; gap: 6px;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 6px;
  padding: 6px 12px;
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: rgba(255,255,255,.45);
}
.ftr-cert i { color: var(--red); font-size: .8rem; }

.ftr-brand-right { flex-shrink: 0; text-align: right; }
.ftr-soc-label {
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: rgba(255,255,255,.3);
  margin-bottom: 14px;
  text-align: right;
}
.ftr-soc { display: flex; flex-direction: column; gap: 8px; align-items: flex-end; }
.ftr-soc-link {
  display: flex; align-items: center; gap: 10px;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 8px;
  padding: 9px 14px;
  color: rgba(255,255,255,.5);
  text-decoration: none;
  font-size: .8rem;
  font-weight: 600;
  min-width: 150px;
  justify-content: flex-start;
  transition: all .2s;
}
.ftr-soc-link:hover { background: var(--red); border-color: var(--red); color: #fff; }
.ftr-soc-link i { font-size: 1rem; flex-shrink: 0; }

.ftr-divider { height: 1px; background: rgba(255,255,255,.07); margin-bottom: 44px; }

/* Footer bottom */
.ftr-bottom {
  background: var(--ink);
  padding: 16px 0;
  font-size: .75rem;
  color: rgba(255,255,255,.22);
  border-top: 1px solid rgba(255,255,255,.06);
}
.ftr-bottom a { color: rgba(255,255,255,.22); text-decoration: none; transition: color .2s; }
.ftr-bottom a:hover { color: rgba(255,255,255,.6); }

/* Override old footer styles for merged */
.footer-merged .ft-h { color: rgba(255,255,255,.7); margin-bottom: 16px; }
.footer-merged .ft-ul a { color: rgba(255,255,255,.32); }
.footer-merged .ft-ul a:hover { color: #fff; }
.footer-merged .ft-contact-row { color: rgba(255,255,255,.32); }
.footer-merged .ft-contact-row i { color: var(--red); }
.footer-merged .ft-contact-row a { color: rgba(255,255,255,.32); }
.footer-merged .ft-contact-row a:hover { color: #fff; }

@media(max-width:991px) {
  .ftr-brand-row { flex-direction: column; }
  .ftr-brand-right { text-align: left; }
  .ftr-soc { flex-direction: row; flex-wrap: wrap; align-items: flex-start; }
  .ftr-soc-link { min-width: auto; }
  .ftr-soc-label { text-align: left; }
  .ftr-cta { padding: 56px 0; }
}
@media(max-width:767px) {
  .lc-label { display: none; }
  .ftr-brand-desc { max-width: 100%; }
}

/* ═══════════════════════════════════════════════════
   BUILT BY — Developer Credit Area in Footer
   ═══════════════════════════════════════════════════ */
.built-by-strip {
  background: rgba(0,0,0,.25);
  border-top: 1px solid rgba(255,255,255,.06);
  padding: 18px 0;
}
.built-by-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
}
.built-by-left {
  font-size: .7rem;
  color: rgba(255,255,255,.22);
  letter-spacing: .06em;
}
.built-by-card {
  display: flex;
  align-items: center;
  gap: 14px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 10px;
  padding: 10px 18px;
  text-decoration: none;
  transition: all .25s;
  position: relative;
  overflow: hidden;
}
.built-by-card::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(201,50,15,.15) 0%, transparent 60%);
  opacity: 0;
  transition: opacity .3s;
}
.built-by-card:hover { border-color: rgba(201,50,15,.4); background: rgba(201,50,15,.08); }
.built-by-card:hover::before { opacity: 1; }
.bbc-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative; z-index: 1;
}
.bbc-logo-text {
  font-family: 'Oswald', sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  color: #fff;
  letter-spacing: .06em;
  line-height: 1;
}
.bbc-logo-text .bbc-accent { color: var(--red); }
.bbc-logo-badge {
  font-size: .55rem;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
  background: var(--red);
  color: #fff;
  border-radius: 3px;
  padding: 2px 5px;
  margin-left: 6px;
  vertical-align: top;
  margin-top: 2px;
  display: inline-block;
}
.bbc-sep {
  width: 1px; height: 28px;
  background: rgba(255,255,255,.1);
  position: relative; z-index: 1;
}
.bbc-info { position: relative; z-index: 1; }
.bbc-made {
  font-size: .62rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: rgba(255,255,255,.3);
  margin-bottom: 2px;
}
.bbc-name {
  font-size: .82rem;
  font-weight: 600;
  color: rgba(255,255,255,.75);
  transition: color .2s;
}
.built-by-card:hover .bbc-name { color: #fff; }
.bbc-glow {
  position: absolute;
  right: -20px; top: -20px;
  width: 70px; height: 70px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(201,50,15,.3) 0%, transparent 70%);
  z-index: 0;
  opacity: 0;
  transition: opacity .3s;
}
.built-by-card:hover .bbc-glow { opacity: 1; }

@media(max-width:576px) {
  .built-by-inner { flex-direction: column; align-items: flex-start; gap: 12px; }
}

/* ── Footer bottom 3-col grid with centered built-by ── */
.ftr-bottom-grid {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 16px;
}
.ftr-copy {
  font-size: .73rem;
  color: rgba(255,255,255,.22);
}
/* built-by-card already centered by grid auto column */
.built-by-card {
  display: flex;
  align-items: center;
  gap: 12px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 10px;
  padding: 8px 16px;
  text-decoration: none;
  transition: all .25s;
  position: relative;
  overflow: hidden;
  justify-self: center;
}
.built-by-card::before {
  content: '';
  position: absolute; inset: 0;
  background: linear-gradient(135deg, rgba(201,50,15,.18) 0%, transparent 60%);
  opacity: 0;
  transition: opacity .3s;
}
.built-by-card:hover { border-color: rgba(201,50,15,.5); background: rgba(201,50,15,.1); }
.built-by-card:hover::before { opacity: 1; }
.bbc-glow {
  position: absolute; right: -16px; top: -16px;
  width: 60px; height: 60px; border-radius: 50%;
  background: radial-gradient(circle, rgba(201,50,15,.35) 0%, transparent 70%);
  opacity: 0; transition: opacity .3s; z-index: 0;
}
.built-by-card:hover .bbc-glow { opacity: 1; }
.bbc-logo { position: relative; z-index: 1; }
.bbc-logo-text {
  font-family: 'Oswald', sans-serif;
  font-size: 1.1rem; font-weight: 700;
  color: #fff; letter-spacing: .06em; line-height: 1;
}
.bbc-accent { color: var(--red); }
.bbc-logo-badge {
  font-size: .5rem; font-weight: 800; letter-spacing: .12em;
  text-transform: uppercase; background: var(--red); color: #fff;
  border-radius: 3px; padding: 2px 4px; margin-left: 5px;
  vertical-align: top; margin-top: 1px; display: inline-block;
}
.bbc-sep {
  width: 1px; height: 24px;
  background: rgba(255,255,255,.1);
  position: relative; z-index: 1; flex-shrink: 0;
}
.bbc-info { position: relative; z-index: 1; }
.bbc-made {
  font-size: .58rem; font-weight: 700; letter-spacing: .12em;
  text-transform: uppercase; color: rgba(255,255,255,.3); margin-bottom: 1px;
}
.bbc-name {
  font-size: .76rem; font-weight: 600;
  color: rgba(255,255,255,.65); transition: color .2s;
}
.built-by-card:hover .bbc-name { color: #fff; }

.ftr-policy-links {
  display: flex; gap: 16px; justify-content: flex-end;
}
.ftr-policy-links a {
  font-size: .73rem; color: rgba(255,255,255,.22);
  text-decoration: none; transition: color .2s;
}
.ftr-policy-links a:hover { color: rgba(255,255,255,.6); }

/* Remove old built-by-strip styles that are no longer used */
.built-by-strip { display: none; }

@media(max-width: 767px) {
  .ftr-bottom-grid {
    grid-template-columns: 1fr;
    text-align: center;
    gap: 12px;
  }
  .built-by-card { justify-self: center; }
  .ftr-policy-links { justify-content: center; }
}

/* ── Partners Carousel (hakkimizda) ── */
.partners-carousel-wrap {
  overflow: hidden;
  position: relative;
  -webkit-mask-image: linear-gradient(to right, transparent 0%, black 8%, black 92%, transparent 100%);
  mask-image: linear-gradient(to right, transparent 0%, black 8%, black 92%, transparent 100%);
}
.partners-track {
  display: flex;
  align-items: center;
  gap: 0;
  width: max-content;
  animation: lc-scroll 22s linear infinite;
}
.partners-track:hover { animation-play-state: paused; }
.partner-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 16px 36px;
  border-right: 1px solid var(--border);
  font-family: 'Oswald', sans-serif;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #bcc4d0;
  white-space: nowrap;
  transition: color .2s;
}
.partner-item:hover { color: var(--ink); }
.partner-ico { color: var(--red); opacity: .55; font-size: 1.1rem; }

/* Second stats-band counters — prevent double-fire issue with unique class */
.stat-item-divider {
  border-right: 1px solid rgba(255,255,255,.15);
  padding: 24px 0;
}

/* ════════════════════════════════
   MOBİL MENÜ — accordion submenü
   ════════════════════════════════ */
.mob-menu-inner{padding:12px 0 20px;border-top:1.5px solid var(--border)}

.mob-link{
    display:flex;align-items:center;justify-content:space-between;
    width:100%;padding:12px 4px;font-size:.88rem;font-weight:700;
    color:var(--ink);text-decoration:none;background:none;border:none;
    border-bottom:1px solid var(--border);cursor:pointer;font-family:inherit;
    transition:color .18s;
}
.mob-link:hover,.mob-link:focus{color:var(--red);outline:none}
.mob-has-sub{padding-right:2px}
.mob-arrow{font-size:.7rem;color:var(--sub);transition:transform .28s cubic-bezier(.23,1,.32,1);flex-shrink:0}
.mob-has-sub.open .mob-arrow{transform:rotate(180deg)}
.mob-has-sub.open{color:var(--red)}

.mob-group{border-bottom:1px solid var(--border)}
.mob-group .mob-link{border-bottom:none}

.mob-sub{
    max-height:0;overflow:hidden;
    transition:max-height .35s cubic-bezier(.23,1,.32,1);
    background:var(--off);
}
.mob-sub.open{max-height:480px}

.mob-sub-link{
    display:flex;align-items:center;gap:10px;
    padding:10px 8px 10px 18px;
    font-size:.8rem;font-weight:600;color:var(--sub);
    text-decoration:none;
    border-bottom:1px solid var(--border);
    transition:color .18s,padding-left .18s,background .18s;
}
.mob-sub-link:last-child{border-bottom:none}
.mob-sub-link:hover{color:var(--red);padding-left:24px;background:var(--off2)}
.mob-sub-link i{font-size:.82rem;width:17px;flex-shrink:0;color:var(--sub)}
.mob-sub-link:hover i{color:var(--red)}
.mob-sub-all{color:var(--ink);font-weight:800}
.mob-sub-all i{color:var(--red)}

.mob-footer{
    display:flex;align-items:center;gap:10px;
    padding-top:16px;flex-wrap:wrap;
}
.mob-tel{
    display:inline-flex;align-items:center;justify-content:center;gap:7px;
    flex:1;padding:10px 16px;
    border:1.5px solid var(--border);border-radius:8px;
    font-size:.78rem;font-weight:700;color:var(--ink);text-decoration:none;
    transition:all .2s;
}
.mob-tel:hover{border-color:var(--ink);background:var(--ink);color:#fff}
.mob-quote{
    display:inline-flex;align-items:center;justify-content:center;gap:7px;
    flex:1;padding:10px 16px;
    background:var(--red);border-radius:8px;
    font-size:.78rem;font-weight:800;letter-spacing:.07em;
    text-transform:uppercase;color:#fff;text-decoration:none;
    transition:background .2s;
}
.mob-quote:hover{background:var(--red2);color:#fff}

/* ══════════════════════════════════════
   ÜRÜN DETAY SAYFASI
══════════════════════════════════════ */

/* ── Hero / Üst alan ── */
.pd-hero{background:var(--white);border-bottom:1px solid var(--border);padding:48px 0 0}
.pd-breadcrumb{display:flex;align-items:center;gap:6px;font-size:.68rem;
    font-weight:700;letter-spacing:.08em;text-transform:uppercase;
    color:var(--sub);margin-bottom:28px}
.pd-breadcrumb a{color:var(--sub);text-decoration:none;transition:color .18s}
.pd-breadcrumb a:hover{color:var(--red)}
.pd-breadcrumb .sep{color:var(--border)}
.pd-breadcrumb .cur{color:var(--ink)}

.pd-hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start;padding-bottom:48px}

/* ── Sol: Görsel / Galeri ── */
.pd-gallery{}

/* Ana slide alanı */
.pd-slider{border-radius:16px;overflow:hidden;height:420px;
    position:relative;margin-bottom:12px;user-select:none}
.pd-slides{display:flex;height:100%;transition:transform .42s cubic-bezier(.23,1,.32,1);
    will-change:transform}
.pd-slide{flex:0 0 100%;height:100%;
    background:linear-gradient(140deg,#0d1f35,#1565c0);
    display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.pd-slide-ico{font-size:7.5rem;color:#4fc3f7;position:relative;z-index:2;
    filter:drop-shadow(0 8px 40px rgba(79,195,247,.45));
    transition:transform .5s cubic-bezier(.23,1,.32,1)}
.pd-slider:hover .pd-slide-ico{transform:scale(1.07) translateY(-5px)}
.pd-slide-glow{position:absolute;bottom:-20px;left:0;right:0;height:200px;z-index:1;
    background:radial-gradient(ellipse at 50% 100%,rgba(79,195,247,.22) 0%,transparent 70%)}
.pd-slide-label{position:absolute;bottom:14px;left:16px;z-index:4;
    font-size:.6rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
    background:rgba(0,0,0,.45);color:rgba(255,255,255,.7);
    padding:4px 10px;border-radius:4px;backdrop-filter:blur(4px)}

/* Slider ok butonları */
.pd-sl-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:10;
    width:38px;height:38px;border-radius:50%;border:1.5px solid rgba(255,255,255,.2);
    background:rgba(255,255,255,.1);backdrop-filter:blur(6px);
    display:flex;align-items:center;justify-content:center;
    font-size:.9rem;color:#fff;cursor:pointer;transition:all .2s}
.pd-sl-btn:hover{background:rgba(255,255,255,.25);border-color:rgba(255,255,255,.5)}
.pd-sl-prev{left:12px}
.pd-sl-next{right:12px}
.pd-sl-btn:disabled{opacity:.25;pointer-events:none}

/* Slide sayacı */
.pd-sl-counter{position:absolute;top:12px;right:14px;z-index:10;
    font-size:.62rem;font-weight:800;letter-spacing:.1em;
    background:rgba(0,0,0,.4);color:rgba(255,255,255,.7);
    padding:4px 10px;border-radius:20px;backdrop-filter:blur(4px)}

/* Thumbnail şeridi */
.pd-thumb-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;
    scrollbar-width:none;-ms-overflow-style:none}
.pd-thumb-row::-webkit-scrollbar{display:none}
.pd-thumb{width:76px;height:58px;border-radius:8px;border:2px solid var(--border);
    background:linear-gradient(140deg,#0d1f35,#1565c0);flex-shrink:0;
    display:flex;align-items:center;justify-content:center;
    font-size:1.45rem;color:#4fc3f7;cursor:pointer;
    transition:border-color .18s,transform .18s,opacity .18s;opacity:.55}
.pd-thumb:hover{border-color:var(--sub);transform:translateY(-2px);opacity:.8}
.pd-thumb.active{border-color:var(--red);border-width:2px;opacity:1}

/* ── Sağ: Detay ── */
.pd-info{}
.pd-cat-badge{display:inline-flex;align-items:center;gap:5px;
    background:var(--red-soft);color:var(--red);
    font-size:.6rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
    padding:4px 10px;border-radius:4px;margin-bottom:14px}
.pd-title{font-family:"Oswald",sans-serif;font-size:2.1rem;font-weight:700;
    text-transform:uppercase;letter-spacing:.03em;color:var(--ink);line-height:1.15;margin-bottom:8px}
.pd-subtitle{font-size:.9rem;color:var(--sub);line-height:1.7;margin-bottom:22px}

/* Badges row */
.pd-badges{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:24px}
.pd-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;
    border-radius:6px;font-size:.65rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.pd-badge-red{background:var(--red-soft);color:var(--red)}
.pd-badge-ink{background:var(--off2);color:var(--ink)}

/* Key specs strip */
.pd-key-specs{display:grid;grid-template-columns:1fr 1fr;gap:12px;
    background:var(--off);border:1px solid var(--border);border-radius:12px;
    padding:18px;margin-bottom:24px}
.pd-ks-item{display:flex;flex-direction:column;gap:2px}
.pd-ks-val{font-family:"Oswald",sans-serif;font-size:1.3rem;font-weight:700;color:var(--ink)}
.pd-ks-lbl{font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--sub)}

/* Action buttons */
.pd-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}
.pd-btn-primary{flex:1;min-width:140px;display:flex;align-items:center;justify-content:center;
    gap:8px;background:var(--red);color:#fff;border:none;border-radius:10px;
    padding:14px 24px;font-family:inherit;font-size:.78rem;font-weight:800;
    letter-spacing:.1em;text-transform:uppercase;text-decoration:none;cursor:pointer;
    transition:background .2s,transform .18s}
.pd-btn-primary:hover{background:var(--red2);transform:translateY(-2px);color:#fff}
.pd-btn-secondary{flex:1;min-width:140px;display:flex;align-items:center;justify-content:center;
    gap:8px;background:var(--white);color:var(--ink);
    border:1.5px solid var(--border);border-radius:10px;
    padding:14px 24px;font-family:inherit;font-size:.78rem;font-weight:800;
    letter-spacing:.1em;text-transform:uppercase;text-decoration:none;cursor:pointer;
    transition:all .2s}
.pd-btn-secondary:hover{border-color:var(--ink);background:var(--ink);color:#fff}

/* Trust row */
.pd-trust{display:flex;align-items:center;gap:16px;flex-wrap:wrap;
    padding-top:20px;border-top:1px solid var(--border)}
.pd-trust-item{display:flex;align-items:center;gap:6px;font-size:.7rem;font-weight:700;color:var(--sub)}
.pd-trust-item i{color:var(--red);font-size:.85rem}

/* ── Content tabs ── */
.pd-tabs-wrap{background:var(--white);border-bottom:1px solid var(--border)}
.pd-tabs{display:flex;gap:0;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}
.pd-tabs::-webkit-scrollbar{display:none}
.pd-tab{padding:16px 24px;font-size:.75rem;font-weight:800;letter-spacing:.08em;
    text-transform:uppercase;color:var(--sub);cursor:pointer;white-space:nowrap;
    border-bottom:3px solid transparent;transition:all .2s;background:none;border-top:none;border-left:none;border-right:none}
.pd-tab:hover{color:var(--ink)}
.pd-tab.active{color:var(--red);border-bottom-color:var(--red)}

/* ── Tab content panels ── */
.pd-content{background:var(--off);padding:56px 0}

.pd-panel{display:none}
.pd-panel.active{display:block}

/* Genel Bakış */
.pd-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.pd-overview-text h3{font-family:"Oswald",sans-serif;font-size:1.3rem;font-weight:700;
    text-transform:uppercase;color:var(--ink);margin-bottom:14px;letter-spacing:.04em}
.pd-overview-text p{font-size:.88rem;line-height:1.8;color:var(--sub);margin-bottom:16px}
.pd-feat-list{list-style:none;display:flex;flex-direction:column;gap:10px}
.pd-feat-list li{display:flex;align-items:flex-start;gap:10px;font-size:.83rem;color:var(--sub);line-height:1.55}
.pd-feat-list li i{color:var(--red);margin-top:2px;flex-shrink:0;font-size:.9rem}
.pd-feat-list li strong{color:var(--ink)}

.pd-highlight-box{background:var(--ink);border-radius:14px;padding:28px;color:#fff;position:relative;overflow:hidden}
.pd-highlight-box::after{content:"";position:absolute;top:-40px;right:-40px;
    width:160px;height:160px;border-radius:50%;
    background:radial-gradient(circle,rgba(201,50,15,.3),transparent 70%)}
.phb-label{font-size:.6rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
    color:rgba(255,255,255,.4);margin-bottom:12px}
.phb-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;position:relative;z-index:1}
.phb-stat-n{font-family:"Oswald",sans-serif;font-size:2.4rem;font-weight:700;color:var(--red);line-height:1}
.phb-stat-l{font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.4);margin-top:2px}

/* Teknik Özellikler */
.pd-specs-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.pd-spec-group{background:var(--white);border:1.5px solid var(--border);border-radius:14px;overflow:hidden}
.pd-sg-head{padding:14px 20px;background:var(--ink);font-family:"Oswald",sans-serif;
    font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#fff;
    display:flex;align-items:center;gap:8px}
.pd-sg-head i{color:var(--red)}
.pd-sg-row{display:flex;justify-content:space-between;align-items:center;
    padding:11px 20px;border-bottom:1px solid var(--border);font-size:.8rem}
.pd-sg-row:last-child{border-bottom:none}
.pd-sg-key{color:var(--sub);font-weight:600}
.pd-sg-val{color:var(--ink);font-weight:700;text-align:right}

/* Belgeler */
.pd-docs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pd-doc-card{background:var(--white);border:1.5px solid var(--border);border-radius:12px;
    padding:20px;display:flex;align-items:center;gap:14px;cursor:pointer;
    transition:all .2s;text-decoration:none}
.pd-doc-card:hover{border-color:var(--red);transform:translateY(-3px);box-shadow:0 10px 28px rgba(0,0,0,.08)}
.pd-doc-ico{width:44px;height:44px;border-radius:10px;background:var(--red-soft);
    display:flex;align-items:center;justify-content:center;font-size:1.3rem;
    color:var(--red);flex-shrink:0}
.pd-doc-name{font-size:.8rem;font-weight:700;color:var(--ink);margin-bottom:2px}
.pd-doc-size{font-size:.65rem;color:var(--sub)}

/* ── İlgili Ürünler Carousel ── */
.related-section{background:var(--white);padding:64px 0;border-top:1px solid var(--border)}
.related-head{display:flex;align-items:flex-end;justify-content:space-between;
    flex-wrap:wrap;gap:16px;margin-bottom:32px}
.related-title{font-family:"Oswald",sans-serif;font-size:1.6rem;font-weight:700;
    text-transform:uppercase;letter-spacing:.04em;color:var(--ink)}
.related-title span{color:var(--red)}
.related-nav{display:flex;gap:8px}
.rel-nav-btn{width:40px;height:40px;border-radius:50%;border:1.5px solid var(--border);
    background:var(--white);display:flex;align-items:center;justify-content:center;
    font-size:.9rem;color:var(--sub);cursor:pointer;transition:all .2s}
.rel-nav-btn:hover{border-color:var(--ink);background:var(--ink);color:#fff}
.rel-nav-btn:disabled{opacity:.35;pointer-events:none}

.rel-carousel-wrap{overflow:hidden;position:relative}
.rel-carousel-wrap::before,.rel-carousel-wrap::after{content:"";position:absolute;
    top:0;bottom:0;width:40px;z-index:10;pointer-events:none}
.rel-carousel-wrap::before{left:0;background:linear-gradient(90deg,var(--white),transparent)}
.rel-carousel-wrap::after{right:0;background:linear-gradient(-90deg,var(--white),transparent)}

.rel-track{display:flex;gap:20px;transition:transform .4s cubic-bezier(.23,1,.32,1);
    will-change:transform}

.rel-card{flex:0 0 calc(33.333% - 14px);background:var(--white);
    border:1.5px solid var(--border);border-radius:14px;overflow:hidden;
    cursor:pointer;transition:transform .32s cubic-bezier(.23,1,.32,1),box-shadow .32s,border-color .22s}
.rel-card:hover{transform:translateY(-5px);box-shadow:0 16px 40px rgba(0,0,0,.09);border-color:var(--ink)}

.rel-thumb{height:150px;background:linear-gradient(140deg,#0d1f35,#1565c0);
    display:flex;align-items:center;justify-content:center;
    font-size:3.2rem;color:#4fc3f7;position:relative;overflow:hidden;
    transition:all .4s}
.rel-card:hover .rel-thumb i{transform:scale(1.1)}
.rel-thumb i{transition:transform .4s cubic-bezier(.23,1,.32,1);position:relative;z-index:2}
.rel-thumb::after{content:"";position:absolute;bottom:-20px;left:0;right:0;height:100px;
    background:radial-gradient(ellipse at 50% 100%,rgba(79,195,247,.2),transparent 70%)}

.rel-body{padding:16px 18px 18px}
.rel-name{font-size:.9rem;font-weight:700;color:var(--ink);margin-bottom:6px;
    line-height:1.3;transition:color .2s}
.rel-card:hover .rel-name{color:var(--red)}
.rel-desc{font-size:.74rem;line-height:1.6;color:var(--sub);margin-bottom:10px;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rel-specs{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:12px}
.rc-spec{display:inline-flex;align-items:center;gap:4px;font-size:.62rem;
    font-weight:700;background:var(--off2);border-radius:4px;padding:2px 8px;
    color:var(--sub)}
.rc-spec i{color:var(--red);font-size:.6rem}
.rel-link{display:inline-flex;align-items:center;gap:5px;font-size:.65rem;
    font-weight:800;letter-spacing:.1em;text-transform:uppercase;
    color:var(--red);text-decoration:none;transition:gap .18s}
.rel-link:hover{gap:9px}

/* Dots */
.rel-dots{display:flex;justify-content:center;gap:6px;margin-top:24px}
.rel-dot{width:8px;height:8px;border-radius:50%;background:var(--border);
    cursor:pointer;transition:all .2s}
.rel-dot.active{background:var(--ink);width:22px;border-radius:4px}

@media(max-width:991px){
    .pd-hero-inner{grid-template-columns:1fr;gap:32px}
    .pd-main-img{height:300px}
    .pd-overview-grid{grid-template-columns:1fr}
    .pd-specs-grid{grid-template-columns:1fr}
    .pd-docs-grid{grid-template-columns:1fr 1fr}
    .rel-card{flex:0 0 calc(50% - 10px)}
}
@media(max-width:767px){
    .pd-tabs{gap:0}
    .pd-tab{padding:14px 16px;font-size:.68rem}
    .pd-docs-grid{grid-template-columns:1fr}
    .rel-card{flex:0 0 calc(100% - 0px)}
    .pd-key-specs{grid-template-columns:1fr 1fr}
}

.pd-slide.has-image {
    background: #000;
    display: block;
    padding: 0;
}
.pd-slide.has-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    position: relative;
    z-index: 2;
}
.pd-slide.has-image .pd-slide-glow { display: none; }

.pd-thumb.has-image {
    background: #000;
    padding: 0;
    overflow: hidden;
}
.pd-thumb.has-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.rel-thumb {
    background: #000;
    padding: 0;
}
.rel-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.svc-img {
    width: 100%;
    height: 180px;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 16px;
}
.svc-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .4s;
}
.svc-card:hover .svc-img img {
    transform: scale(1.05);
}

.testi-av img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    display: block;
}