/*
Theme Name: NordicPaint Custom Theme
*/


    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    :root {
      --orange:       #E8540A;
      --orange-light: #FF6B20;
      --orange-dark:  #B83D00;
      --orange-glow:  rgba(232,84,10,0.35);
      --dark:         #0D0D0D;
      --dark2:        #151515;
      --dark3:        #1E1E1E;
      --dark4:        #2A2A2A;
      --steel:        #3A3A3A;
      --silver:       #AFAFAF;
      --white:        #F5F5F5;
      --font-head:    'Barlow Condensed', sans-serif;
      --font-body:    'Barlow', sans-serif;
    }
    html { scroll-behavior: smooth; }
    body { background: var(--dark); color: var(--white); font-family: var(--font-body); overflow-x: hidden; }
    a { color: inherit; text-decoration: none; }
    img, video { display: block; }
    ::-webkit-scrollbar { width: 6px; }
    ::-webkit-scrollbar-track { background: var(--dark); }
    ::-webkit-scrollbar-thumb { background: var(--orange); border-radius: 3px; }

    /* ── NAV ── */
    #nav {
      position: fixed; top: 0; left: 0; width: 100%; z-index: 1000;
      display: flex; align-items: center; justify-content: space-between;
      padding: 0 60px; height: 70px;
      background: rgba(13,13,13,0.92); backdrop-filter: blur(12px);
      border-bottom: 1px solid rgba(232,84,10,0.25);
      transition: background 0.3s;
    }
    .nav-logo { display: flex; align-items: center; gap: 12px; }
    .nav-logo-mark {
      width: 38px; height: 38px; background: var(--orange);
      clip-path: polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);
      display: flex; align-items: center; justify-content: center;
      font-family: var(--font-head); font-weight: 900; font-size: 13px; color: #fff; letter-spacing: 1px;
    }
    .nav-logo-text { font-family: var(--font-head); font-size: 20px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; }
    .nav-logo-text span { color: var(--orange); }
    .nav-links { display: flex; gap: 32px; list-style: none; }
    .nav-links a {
      font-family: var(--font-head); font-size: 13px; font-weight: 600;
      letter-spacing: 2px; text-transform: uppercase; color: var(--silver);
      transition: color 0.2s; position: relative;
    }
    .nav-links a::after {
      content: ''; position: absolute; bottom: -4px; left: 0;
      width: 0; height: 2px; background: var(--orange); transition: width 0.3s;
    }
    .nav-links a:hover { color: var(--white); }
    .nav-links a:hover::after { width: 100%; }
    .nav-right { display: flex; align-items: center; gap: 14px; }

    /* Language toggle */
    .lang-toggle {
      display: flex; align-items: center; gap: 0;
      border: 1.5px solid rgba(232,84,10,0.5); overflow: hidden;
      clip-path: polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%);
    }
    .lang-btn {
      padding: 7px 14px;
      background: transparent; border: none;
      font-family: var(--font-head); font-size: 12px;
      font-weight: 700; letter-spacing: 2px; text-transform: uppercase;
      color: var(--silver); cursor: pointer;
      transition: background 0.2s, color 0.2s;
    }
    .lang-btn.active { background: var(--orange); color: #fff; }
    .lang-btn:hover:not(.active) { color: var(--orange); }
    .lang-divider { width: 1px; height: 30px; background: rgba(232,84,10,0.3); }

    .nav-cta {
      padding: 10px 26px; background: var(--orange); color: #fff;
      font-family: var(--font-head); font-size: 13px;
      font-weight: 700; letter-spacing: 2px; text-transform: uppercase;
      border: none; cursor: pointer;
      clip-path: polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);
      transition: background 0.2s, transform 0.2s;
    }
    .nav-cta:hover { background: var(--orange-light); transform: translateY(-1px); }

    /* ── HERO ── */
    #hero {
      position: relative; width: 100%; height: 100vh;
      overflow: hidden; display: flex; align-items: center; justify-content: center;
    }
    #hero-video {
      position: absolute; inset: 0; width: 100%; height: 100%;
      object-fit: cover; filter: brightness(0.45) saturate(1.1);
    }
    .hero-overlay {
      position: absolute; inset: 0;
      background: linear-gradient(135deg,rgba(13,13,13,.7) 0%,rgba(232,84,10,.15) 50%,rgba(13,13,13,.8) 100%);
    }
    .hero-stripe {
      position: absolute; left: -20%; top: 60%; width: 140%; height: 3px;
      background: linear-gradient(90deg,transparent,var(--orange),transparent);
      transform: rotate(-6deg); opacity: 0.6;
    }
    .hero-content { position: relative; z-index: 10; text-align: center; padding: 0 20px; }
    .hero-badge {
      display: inline-block; background: var(--orange); color: #fff;
      font-family: var(--font-head); font-size: 11px; font-weight: 700;
      letter-spacing: 4px; text-transform: uppercase; padding: 6px 20px;
      margin-bottom: 28px;
      clip-path: polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%);
    }
    .hero-title {
      font-family: var(--font-head); font-size: clamp(52px,9vw,120px);
      font-weight: 900; line-height: 0.9; text-transform: uppercase;
      letter-spacing: -2px; margin-bottom: 24px;
    }
    .hero-title .accent { color: var(--orange); }
    .hero-sub {
      font-size: clamp(15px,2vw,18px); font-weight: 300; color: var(--silver);
      max-width: 560px; margin: 0 auto 44px; line-height: 1.7; letter-spacing: 0.5px;
    }
    .hero-btns { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }
    .btn-primary {
      padding: 14px 38px; background: var(--orange); color: #fff;
      font-family: var(--font-head); font-size: 14px; font-weight: 700;
      letter-spacing: 3px; text-transform: uppercase; border: none; cursor: pointer;
      clip-path: polygon(12px 0%,100% 0%,calc(100% - 12px) 100%,0% 100%);
      transition: background 0.2s, transform 0.2s, box-shadow 0.2s;
    }
    .btn-primary:hover { background: var(--orange-light); transform: translateY(-2px); box-shadow: 0 8px 32px var(--orange-glow); }
    .btn-outline {
      padding: 14px 38px; background: transparent; color: var(--white);
      font-family: var(--font-head); font-size: 14px; font-weight: 700;
      letter-spacing: 3px; text-transform: uppercase;
      border: 1.5px solid rgba(255,255,255,0.35); cursor: pointer;
      clip-path: polygon(12px 0%,100% 0%,calc(100% - 12px) 100%,0% 100%);
      transition: border-color 0.2s, color 0.2s, transform 0.2s;
    }
    .btn-outline:hover { border-color: var(--orange); color: var(--orange); transform: translateY(-2px); }
    .hero-scroll {
      position: absolute; bottom: 36px; left: 50%; transform: translateX(-50%);
      display: flex; flex-direction: column; align-items: center; gap: 8px; z-index: 10;
    }
    .hero-scroll span { font-family: var(--font-head); font-size: 10px; letter-spacing: 4px; text-transform: uppercase; color: var(--silver); }
    .scroll-line { width: 1px; height: 50px; background: linear-gradient(to bottom,var(--orange),transparent); animation: scrollPulse 2s ease-in-out infinite; }
    @keyframes scrollPulse { 0%,100%{opacity:.3;transform:scaleY(1)} 50%{opacity:1;transform:scaleY(1.3)} }

    /* ── STATS ── */
    #stats { background: var(--orange); display: grid; grid-template-columns: repeat(4,1fr); }
    .stat-item { padding: 32px 20px; text-align: center; border-right: 1px solid rgba(255,255,255,0.2); transition: background 0.2s; }
    .stat-item:last-child { border-right: none; }
    .stat-item:hover { background: var(--orange-dark); }
    .stat-num { font-family: var(--font-head); font-size: 52px; font-weight: 900; line-height: 1; color: #fff; }
    .stat-label { font-size: 12px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: rgba(255,255,255,0.75); margin-top: 4px; }

    /* ── SECTION BASE ── */
    section { padding: 110px 60px; }
    .container { max-width: 1200px; margin: 0 auto; }
    .section-tag { display: inline-block; font-family: var(--font-head); font-size: 11px; font-weight: 700; letter-spacing: 4px; text-transform: uppercase; color: var(--orange); margin-bottom: 14px; }
    .section-tag::before { content: '// '; opacity: 0.6; }
    .section-title { font-family: var(--font-head); font-size: clamp(36px,5vw,64px); font-weight: 900; text-transform: uppercase; line-height: 1; letter-spacing: -1px; margin-bottom: 20px; }
    .section-title span { color: var(--orange); }
    .section-line { width: 60px; height: 3px; background: var(--orange); margin-bottom: 32px; }

    /* ── ABOUT ── */
    #about { background: var(--dark2); }
    .about-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }
    .about-text p { color: var(--silver); line-height: 1.85; font-weight: 300; margin-bottom: 20px; font-size: 16px; }
    .about-text p strong { color: var(--white); font-weight: 600; }
    .about-video-wrap { position: relative; border-radius: 2px; overflow: hidden; }
    .about-video-wrap::before { content:''; position:absolute; inset:-2px; z-index:-1; background:linear-gradient(135deg,var(--orange),transparent 60%); border-radius:3px; }
    .about-video-wrap video { width: 100%; height: 380px; object-fit: cover; }
    .play-overlay { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.3); cursor: pointer; transition: background 0.3s; }
    .about-video-wrap:hover .play-overlay { background: rgba(0,0,0,0.1); }
    .play-btn { width: 72px; height: 72px; border-radius: 50%; background: var(--orange); display: flex; align-items: center; justify-content: center; box-shadow: 0 0 40px var(--orange-glow); transition: transform 0.3s; }
    .play-btn:hover { transform: scale(1.1); }
    .play-btn svg { margin-left: 5px; }

    /* ── TECHNOLOGY ── */
    #technology { background: var(--dark); }
    .tech-grid { display: grid; grid-template-columns: repeat(5,1fr); gap: 2px; margin-top: 60px; }
    .color-card { padding: 40px 20px; text-align: center; position: relative; overflow: hidden; cursor: default; transition: transform 0.3s; }
    .color-card:hover { transform: translateY(-6px); }
    .color-card:hover .color-glow { opacity: 1; }
    .color-glow { position: absolute; inset: 0; opacity: 0; transition: opacity 0.3s; }
    .color-card:nth-child(1){ background:#1A1A1A; } .color-card:nth-child(1) .color-glow{background:linear-gradient(135deg,rgba(232,84,10,.15),transparent);}
    .color-card:nth-child(2){ background:#1D1A18; } .color-card:nth-child(2) .color-glow{background:linear-gradient(135deg,rgba(255,180,50,.12),transparent);}
    .color-card:nth-child(3){ background:#191A1A; } .color-card:nth-child(3) .color-glow{background:linear-gradient(135deg,rgba(80,180,120,.12),transparent);}
    .color-card:nth-child(4){ background:#18191D; } .color-card:nth-child(4) .color-glow{background:linear-gradient(135deg,rgba(60,100,220,.12),transparent);}
    .color-card:nth-child(5){ background:#1A181A; } .color-card:nth-child(5) .color-glow{background:linear-gradient(135deg,rgba(180,60,180,.12),transparent);}
    .color-dot { width: 60px; height: 60px; border-radius: 50%; margin: 0 auto 20px; position: relative; z-index: 1; }
    .color-card:nth-child(1) .color-dot{background:radial-gradient(circle,#FF6B20,#B83D00);box-shadow:0 0 20px rgba(232,84,10,.5);}
    .color-card:nth-child(2) .color-dot{background:radial-gradient(circle,#FFD040,#C89000);box-shadow:0 0 20px rgba(255,200,50,.4);}
    .color-card:nth-child(3) .color-dot{background:radial-gradient(circle,#4EE0A0,#1A9060);box-shadow:0 0 20px rgba(78,224,160,.4);}
    .color-card:nth-child(4) .color-dot{background:radial-gradient(circle,#3C7EFF,#1040C0);box-shadow:0 0 20px rgba(60,126,255,.4);}
    .color-card:nth-child(5) .color-dot{background:radial-gradient(circle,#C050D0,#700090);box-shadow:0 0 20px rgba(192,80,208,.4);}
    .color-name { font-family: var(--font-head); font-size: 16px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; position: relative; z-index: 1; margin-bottom: 8px; }
    .color-desc { font-size: 12px; color: var(--silver); line-height: 1.6; position: relative; z-index: 1; }

    .features-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 2px; margin-top: 2px; }
    .feat-box { background: var(--dark3); padding: 44px 36px; border-left: 3px solid transparent; transition: border-color 0.3s, background 0.3s; }
    .feat-box:hover { border-color: var(--orange); background: var(--dark4); }
    .feat-icon { width: 48px; height: 48px; margin-bottom: 20px; color: var(--orange); }
    .feat-title { font-family: var(--font-head); font-size: 20px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 12px; }
    .feat-text { font-size: 14px; color: var(--silver); line-height: 1.8; }

    /* ── PROCESS ── */
    #process { background: var(--dark2); }
    .process-steps { display: flex; gap: 0; margin-top: 60px; position: relative; }
    .process-steps::before { content:''; position:absolute; top:36px; left:0; right:0; height:2px; background:linear-gradient(90deg,var(--orange),var(--orange-dark)); z-index:0; }
    .step { flex: 1; padding: 0 20px; position: relative; z-index: 1; }
    .step-num { width:72px;height:72px;background:var(--dark);border:2px solid var(--orange);color:var(--orange);font-family:var(--font-head);font-size:28px;font-weight:900;display:flex;align-items:center;justify-content:center;margin-bottom:24px;clip-path:polygon(12px 0%,100% 0%,calc(100% - 12px) 100%,0% 100%);transition:background 0.3s,color 0.3s; }
    .step:hover .step-num { background: var(--orange); color: #fff; }
    .step-title { font-family:var(--font-head);font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px; }
    .step-text { font-size:13px;color:var(--silver);line-height:1.7; }

    /* ── SHOWCASE ── */
    #showcase { background:var(--dark);padding:0;position:relative;overflow:hidden; }
    .showcase-inner { display:grid;grid-template-columns:1fr 1fr;min-height:520px; }
    .showcase-video { position:relative;overflow:hidden; }
    .showcase-video video { width:100%;height:100%;object-fit:cover;filter:brightness(0.55); }
    .showcase-text { background:var(--orange);padding:80px 70px;display:flex;flex-direction:column;justify-content:center; }
    .showcase-text .tag { font-family:var(--font-head);font-size:11px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:rgba(255,255,255,.7);margin-bottom:16px; }
    .showcase-text h2 { font-family:var(--font-head);font-size:clamp(36px,4vw,56px);font-weight:900;text-transform:uppercase;line-height:1;color:#fff;margin-bottom:24px; }
    .showcase-text p { color:rgba(255,255,255,.8);font-size:15px;line-height:1.8;font-weight:300;margin-bottom:36px; }

    /* ── BOOKING ── */
    #booking { background: var(--dark2); }
    .booking-grid { display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:50px; }
    .calendar-wrap { background:var(--dark3);border:1px solid rgba(232,84,10,.2); }
    .cal-header { background:var(--orange);padding:20px 28px;display:flex;align-items:center;justify-content:space-between; }
    .cal-header h3 { font-family:var(--font-head);font-size:20px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#fff; }
    .cal-nav { display:flex;gap:8px;align-items:center; }
    .cal-nav button { width:32px;height:32px;background:rgba(255,255,255,.2);border:none;color:#fff;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:background 0.2s; }
    .cal-nav button:hover { background:rgba(255,255,255,.35); }
    .cal-month-label { font-family:var(--font-head);font-size:15px;font-weight:700;letter-spacing:1px;color:#fff;min-width:110px;text-align:center;text-transform:uppercase; }
    .cal-grid { padding:20px 28px 28px; }
    .cal-days-head { display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:8px; }
    .cal-day-name { text-align:center;font-family:var(--font-head);font-size:11px;font-weight:700;letter-spacing:2px;color:var(--orange);text-transform:uppercase;padding:6px 0; }
    .cal-cells { display:grid;grid-template-columns:repeat(7,1fr);gap:3px; }
    .cal-cell { aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:500;cursor:pointer;border:1px solid transparent;transition:all 0.2s;position:relative; }
    .cal-cell.empty { cursor:default; }
    .cal-cell.past { color:var(--steel);cursor:not-allowed; }
    .cal-cell.available:hover { background:rgba(232,84,10,.15);border-color:var(--orange);color:var(--orange); }
    .cal-cell.selected { background:var(--orange);color:#fff;border-color:var(--orange); }
    .cal-cell.today::after { content:'';position:absolute;bottom:3px;left:50%;transform:translateX(-50%);width:4px;height:4px;border-radius:50%;background:var(--orange); }
    .cal-cell.selected.today::after { background:#fff; }
    .slot-header { font-family:var(--font-head);font-size:13px;font-weight:700;letter-spacing:2px;color:var(--orange);text-transform:uppercase;margin:20px 28px 12px; }
    .slots-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:3px;padding:0 28px 28px; }
    .slot { padding:10px 4px;text-align:center;font-size:12px;font-weight:600;cursor:pointer;background:var(--dark4);border:1px solid transparent;transition:all 0.2s; }
    .slot:hover { border-color:var(--orange);color:var(--orange); }
    .slot.selected { background:var(--orange);color:#fff; }
    .slot.booked { background:var(--dark);color:var(--steel);cursor:not-allowed;font-size:11px; }
    .booking-form { display:flex;flex-direction:column;gap:18px; }
    .form-group { display:flex;flex-direction:column;gap:8px; }
    .form-group label { font-family:var(--font-head);font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--silver); }
    .form-group input,.form-group select,.form-group textarea { background:var(--dark3);border:1px solid var(--steel);color:var(--white);padding:13px 16px;font-family:var(--font-body);font-size:14px;outline:none;transition:border-color 0.2s; }
    .form-group input:focus,.form-group select:focus,.form-group textarea:focus { border-color:var(--orange); }
    .form-group textarea { resize:vertical;min-height:100px; }
    .form-row { display:grid;grid-template-columns:1fr 1fr;gap:16px; }
    .selected-slot-display { background:var(--dark3);border:1px solid var(--orange);padding:13px 16px;font-family:var(--font-head);font-size:14px;letter-spacing:1px;color:var(--orange); }
    .submit-btn { padding:16px;background:var(--orange);color:#fff;font-family:var(--font-head);font-size:15px;font-weight:700;letter-spacing:3px;text-transform:uppercase;border:none;cursor:pointer;clip-path:polygon(12px 0%,100% 0%,calc(100% - 12px) 100%,0% 100%);transition:background 0.2s,transform 0.2s,box-shadow 0.2s;margin-top:8px; }
    .submit-btn:hover { background:var(--orange-light);transform:translateY(-2px);box-shadow:0 8px 32px var(--orange-glow); }

    /* ── IMAGE UPLOAD ZONE ── */
    .upload-zone {
      border: 2px dashed var(--steel);
      background: var(--dark);
      padding: 32px 20px;
      text-align: center;
      cursor: pointer;
      transition: border-color 0.3s, background 0.3s;
      position: relative;
    }
    .upload-zone:hover, .upload-zone.drag-over {
      border-color: var(--orange);
      background: rgba(232,84,10,0.05);
    }
    .upload-zone input[type="file"] {
      position: absolute; inset: 0; opacity: 0; cursor: pointer; width: 100%; height: 100%;
    }
    .upload-icon { color: var(--orange); margin: 0 auto 12px; }
    .upload-title { font-family: var(--font-head); font-size: 16px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 6px; }
    .upload-hint { font-size: 12px; color: var(--silver); line-height: 1.6; }
    .upload-hint span { color: var(--orange); }

    /* Preview */
    .img-preview-wrap {
      display: none; position: relative;
      border: 1px solid var(--orange); background: var(--dark);
    }
    .img-preview-wrap img { width: 100%; max-height: 220px; object-fit: contain; display: block; }
    .img-preview-info { padding: 10px 14px; display: flex; align-items: center; justify-content: space-between; background: var(--dark3); }
    .img-preview-name { font-size: 12px; color: var(--silver); font-family: var(--font-head); letter-spacing: 1px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 200px; }
    .img-preview-size { font-size: 11px; color: var(--steel); }
    .img-remove-btn { background: none; border: none; color: var(--orange); cursor: pointer; font-size: 18px; padding: 0 4px; line-height: 1; transition: color 0.2s; }
    .img-remove-btn:hover { color: var(--orange-light); }

    .desc-box { min-height: 130px; }

    /* ── MODAL ── */
    .modal-overlay { position:fixed;inset:0;z-index:2000;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity 0.3s; }
    .modal-overlay.active { opacity:1;pointer-events:all; }
    .modal { background:var(--dark2);border:1px solid var(--orange);max-width:520px;width:90%;transform:translateY(20px);transition:transform 0.3s; }
    .modal-overlay.active .modal { transform:translateY(0); }
    .modal-header { background:var(--orange);padding:24px 32px; }
    .modal-header h3 { font-family:var(--font-head);font-size:24px;font-weight:700;letter-spacing:2px;text-transform:uppercase; }
    .modal-body { padding:36px 32px; }
    .modal-body p { color:var(--silver);line-height:1.8;margin-bottom:12px; }
    .modal-body strong { color:var(--white); }
    .modal-confirm { font-size:22px;color:#4EE0A0;margin-bottom:16px;font-family:var(--font-head);letter-spacing:1px; }
    .modal-close-btn { width:100%;padding:14px;background:var(--orange);color:#fff;font-family:var(--font-head);font-size:14px;font-weight:700;letter-spacing:3px;text-transform:uppercase;border:none;cursor:pointer;margin-top:24px;transition:background 0.2s; }
    .modal-close-btn:hover { background:var(--orange-light); }

    /* ── CONTACT ── */
    #contact { background: var(--dark); }
    .contact-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:50px; }
    .contact-card { background:var(--dark3);padding:44px 36px;border-top:3px solid var(--orange);transition:transform 0.3s; }
    .contact-card:hover { transform:translateY(-4px); }
    .contact-card-icon { color:var(--orange);margin-bottom:20px; }
    .contact-card h4 { font-family:var(--font-head);font-size:18px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:12px; }
    .contact-card p { color:var(--silver);font-size:14px;line-height:1.7; }
    .contact-card a { color:var(--orange); }
    .contact-card a:hover { text-decoration:underline; }

    /* ── FOOTER ── */
    footer { background:var(--dark);border-top:1px solid rgba(232,84,10,.2);padding:40px 60px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px; }
    .footer-logo { font-family:var(--font-head);font-size:20px;font-weight:700;letter-spacing:2px;text-transform:uppercase; }
    .footer-logo span { color:var(--orange); }
    .footer-copy { font-size:12px;color:var(--steel);letter-spacing:1px; }
    .footer-links { display:flex;gap:28px; }
    .footer-links a { font-family:var(--font-head);font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--silver);transition:color 0.2s; }
    .footer-links a:hover { color:var(--orange); }

    /* ── RESPONSIVE ── */
    @media(max-width:1024px){
      section{padding:80px 32px;} #nav{padding:0 32px;} .nav-links{display:none;}
      .about-grid,.booking-grid,.showcase-inner{grid-template-columns:1fr;}
      .tech-grid{grid-template-columns:repeat(3,1fr);} .features-grid{grid-template-columns:1fr 1fr;}
      .contact-grid{grid-template-columns:1fr;} #stats{grid-template-columns:repeat(2,1fr);}
      footer{flex-direction:column;text-align:center;}
    }
    @media(max-width:600px){
      .tech-grid{grid-template-columns:1fr 1fr;} .features-grid{grid-template-columns:1fr;}
      .slots-grid{grid-template-columns:repeat(3,1fr);} .process-steps{flex-direction:column;}
      .process-steps::before{display:none;} .nav-right{gap:8px;} .lang-btn{padding:7px 10px;}
    }