/* ============================================================
   XNK SECTION v2 — Editorial Grid
   Suffix: xnk2-v2  |  No slider, cPanel-safe, zero conflicts
   ============================================================ */

.xnk2-section {
  background: #0a0a0f;
  position: relative;
  overflow: hidden;
  padding: 100px 0 110px;
  font-family: 'DM Sans', sans-serif;
}

/* Ambient background blobs */
.xnk2-section::before {
  content: '';
  position: absolute;
  top: -200px; left: -150px;
  width: 600px; height: 600px;
  background: radial-gradient(circle, rgba(185,28,28,0.22) 0%, transparent 65%);
  border-radius: 50%;
  pointer-events: none;
}
.xnk2-section::after {
  content: '';
  position: absolute;
  bottom: -180px; right: -120px;
  width: 500px; height: 500px;
  background: radial-gradient(circle, rgba(234,88,12,0.16) 0%, transparent 65%);
  border-radius: 50%;
  pointer-events: none;
}

/* Noise texture overlay */
.xnk2-noise {
  position: absolute;
  inset: 0;
  opacity: 0.04;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
  background-size: 200px 200px;
  pointer-events: none;
}

.xnk2-inner {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
  position: relative;
  z-index: 2;
}

/* ── HEADER ── */
.xnk2-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 40px;
  margin-bottom: 72px;
  flex-wrap: wrap;
}

.xnk2-header-left {
  flex: 1;
  min-width: 280px;
}

.xnk2-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 11px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #f97316;
  font-weight: 500;
  margin-bottom: 20px;
}
.xnk2-eyebrow span {
  width: 32px;
  height: 1px;
  background: #f97316;
  display: inline-block;
}

.xnk2-h2 {
  font-family: 'DM Serif Display', Georgia, serif;
  font-size: clamp(32px, 4.5vw, 54px);
  font-weight: 400;
  color: #f9f9f7;
  line-height: 1.15;
  margin: 0;
  letter-spacing: -0.5px;
}
.xnk2-h2 em {
  font-style: italic;
  color: #fb923c;
}

.xnk2-header-right {
  max-width: 380px;
}
.xnk2-lead {
  font-size: 15px;
  line-height: 1.8;
  color: rgba(249,245,235,0.55);
  font-weight: 300;
  margin: 0;
}

/* ── GRID ── */
.xnk2-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

/* Card base */
.xnk2-card {
  background: rgba(255,255,255,0.033);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 16px;
  padding: 36px 32px 32px;
  position: relative;
  overflow: hidden;
  transition: transform 0.4s cubic-bezier(.22,.68,0,1.15), border-color 0.3s, box-shadow 0.4s;
  cursor: default;
}
.xnk2-card:hover {
  transform: translateY(-6px);
  border-color: rgba(251,146,60,0.3);
  box-shadow: 0 30px 60px rgba(0,0,0,0.4), 0 0 0 1px rgba(251,146,60,0.12);
}

/* Glow line on top */
.xnk2-card::after {
  content: '';
  position: absolute;
  top: 0; left: 24px; right: 24px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(251,146,60,0.6), transparent);
  opacity: 0;
  transition: opacity 0.35s;
}
.xnk2-card:hover::after { opacity: 1; }

/* ── LAYOUT VARIANTS ── */

/* Card 1: full-width hero card */
.xnk2-card--hero {
  flex: 1 1 100%;
  display: flex;
  gap: 40px;
  align-items: center;
  min-height: 240px;
}

/* Card 2 & 3: 2-column */
.xnk2-card--half {
  flex: 1 1 calc(50% - 10px);
  min-width: 280px;
}

/* Card 4 & 5: narrow + wide (asymmetric) */
.xnk2-card--narrow {
  flex: 1 1 calc(38% - 10px);
  min-width: 260px;
}
.xnk2-card--wide {
  flex: 1 1 calc(62% - 10px);
  min-width: 300px;
}

/* ── CARD INTERNALS ── */
.xnk2-card-num {
  font-family: 'DM Serif Display', serif;
  font-size: 72px;
  font-style: italic;
  color: rgba(251,146,60,0.08);
  line-height: 1;
  position: absolute;
  top: 16px; right: 24px;
  pointer-events: none;
  transition: color 0.3s;
}
.xnk2-card:hover .xnk2-card-num { color: rgba(251,146,60,0.14); }

.xnk2-card-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(239,68,68,0.3), rgba(185,28,28,0.5));
  border: 1px solid rgba(251,146,60,0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  flex-shrink: 0;
  transition: transform 0.3s, box-shadow 0.3s;
}
.xnk2-card:hover .xnk2-card-icon {
  transform: rotate(-5deg) scale(1.08);
  box-shadow: 0 8px 20px rgba(239,68,68,0.3);
}
.xnk2-card-icon i { font-size: 18px; color: #fbbf24; }

.xnk2-card-body { flex: 1; }

.xnk2-card-tag {
  font-size: 10px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: rgba(251,146,60,0.7);
  font-weight: 500;
  margin-bottom: 10px;
  display: block;
}

.xnk2-card-h3 {
  font-family: 'DM Serif Display', Georgia, serif;
  font-size: clamp(17px, 2.2vw, 22px);
  font-weight: 400;
  color: #f9f9f7;
  line-height: 1.3;
  margin: 0 0 12px;
}

.xnk2-card-desc {
  font-size: 14px;
  line-height: 1.75;
  color: rgba(249,245,235,0.5);
  font-weight: 300;
  margin: 0 0 22px;
}

.xnk2-card-features {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.xnk2-card-features li {
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 13px;
  color: rgba(251,200,140,0.65);
  font-weight: 300;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(255,255,255,0.05);
}
.xnk2-card-features li:last-child { border-bottom: none; padding-bottom: 0; }
.xnk2-card-features li i { font-size: 9px; color: #f97316; flex-shrink: 0; }

/* Hero card visual panel */
.xnk2-hero-visual {
  width: 220px;
  flex-shrink: 0;
  height: 160px;
  border-radius: 12px;
  background: rgba(0,0,0,0.3);
  border: 1px solid rgba(255,255,255,0.07);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.xnk2-hero-visual svg { width: 100%; height: 100%; }

/* ── INLINE VISUAL STRIPS (small cards) ── */
.xnk2-vis-strip {
  width: 100%;
  height: 90px;
  border-radius: 10px;
  background: rgba(0,0,0,0.25);
  border: 1px solid rgba(255,255,255,0.06);
  overflow: hidden;
  margin-bottom: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.xnk2-vis-strip svg { width: 100%; height: 100%; }

/* ── STATS ROW (in hero card) ── */
.xnk2-stats {
  display: flex;
  gap: 28px;
  margin-top: 20px;
  flex-wrap: wrap;
}
.xnk2-stat {
  border-left: 2px solid rgba(251,146,60,0.3);
  padding-left: 12px;
}
.xnk2-stat-num {
  font-family: 'DM Serif Display', serif;
  font-size: 26px;
  font-style: italic;
  color: #fb923c;
  line-height: 1;
  display: block;
}
.xnk2-stat-label {
  font-size: 11px;
  color: rgba(249,245,235,0.4);
  font-weight: 400;
  letter-spacing: 0.5px;
  margin-top: 3px;
  display: block;
}

/* ── CTA ── */
.xnk2-cta {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 56px;
  flex-wrap: wrap;
}

.xnk2-btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: #ea580c;
  color: #fff;
  font-family: 'DM Sans', sans-serif;
  font-size: 14px;
  font-weight: 500;
  padding: 14px 32px;
  border-radius: 8px;
  border: none;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.25s, transform 0.25s, box-shadow 0.25s;
  box-shadow: 0 4px 20px rgba(234,88,12,0.4);
  letter-spacing: 0.2px;
}
.xnk2-btn-primary:hover {
  background: #f97316;
  transform: translateY(-2px);
  box-shadow: 0 8px 30px rgba(234,88,12,0.5);
  color: #fff;
  text-decoration: none;
}

.xnk2-btn-ghost {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: transparent;
  color: rgba(251,200,140,0.8);
  font-family: 'DM Sans', sans-serif;
  font-size: 14px;
  font-weight: 400;
  padding: 13px 28px;
  border-radius: 8px;
  border: 1px solid rgba(251,146,60,0.25);
  text-decoration: none;
  cursor: pointer;
  transition: all 0.25s;
}
.xnk2-btn-ghost:hover {
  border-color: rgba(251,146,60,0.55);
  background: rgba(251,146,60,0.07);
  color: #fbbf24;
  text-decoration: none;
}

.xnk2-cta-note {
  font-size: 12px;
  color: rgba(249,245,235,0.3);
  font-weight: 300;
  margin-left: 4px;
}
.xnk2-cta-note i { font-size: 10px; margin-right: 4px; }

/* ── RESPONSIVE ── */
@media (max-width: 900px) {
  .xnk2-card--hero { flex-direction: column; align-items: flex-start; }
  .xnk2-hero-visual { width: 100%; height: 120px; }
  .xnk2-card--narrow, .xnk2-card--wide { flex: 1 1 100%; }
}
@media (max-width: 640px) {
  .xnk2-section { padding: 70px 0 80px; }
  .xnk2-header { flex-direction: column; margin-bottom: 48px; }
  .xnk2-card--half { flex: 1 1 100%; }
  .xnk2-card { padding: 28px 24px 26px; }
  .xnk2-cta { flex-direction: column; align-items: flex-start; }
  .xnk2-stats { gap: 18px; }
}
/* ================================================
   SECTION XNK SLIDER - WordPress Safe
   Suffix: -070526-01 | High Specificity + !important
   ================================================ */

section.section-xnk-070526-01,
.section-xnk-070526-01 {
  position: relative !important;
  background-color: #03071e !important;
  padding: 100px 0 120px !important;
  overflow: hidden !important;
  font-family: 'Crimson Pro', Georgia, serif !important;
  color: #e8dcc8 !important;
  isolation: isolate !important;
}

/* BG Layers */
.section-xnk-070526-01 .bg-layer-070526-01 {
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  z-index: 0 !important;
}
.section-xnk-070526-01 .bg-grid-070526-01 {
  position: absolute !important;
  inset: 0 !important;
  background-image: linear-gradient(rgba(212,175,55,0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(212,175,55,0.04) 1px,transparent 1px) !important;
  background-size: 60px 60px !important;
}
.section-xnk-070526-01 .bg-orb-070526-01 {
  position: absolute !important;
  border-radius: 50% !important;
  filter: blur(80px) !important;
  animation: orb-drift-070526-01 12s ease-in-out infinite !important;
}
.section-xnk-070526-01 .bg-orb-1-070526-01 { width:600px !important; height:600px !important; top:-200px !important; left:-200px !important; background:radial-gradient(circle,rgba(139,90,10,0.18) 0%,transparent 70%) !important; animation-delay:0s !important; }
.section-xnk-070526-01 .bg-orb-2-070526-01 { width:500px !important; height:500px !important; bottom:-150px !important; right:-100px !important; background:radial-gradient(circle,rgba(0,80,120,0.2) 0%,transparent 70%) !important; animation-delay:-5s !important; }
.section-xnk-070526-01 .bg-orb-3-070526-01 { width:350px !important; height:350px !important; top:40% !important; left:50% !important; transform:translate(-50%,-50%) !important; background:radial-gradient(circle,rgba(52,211,153,0.06) 0%,transparent 70%) !important; animation-delay:-9s !important; }
.section-xnk-070526-01 .bg-scanline-070526-01 { position:absolute !important; inset:0 !important; background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,0.08) 3px,rgba(0,0,0,0.08) 4px) !important; }
@keyframes orb-drift-070526-01 {
  0%,100% { transform:translate(0,0) scale(1); }
  33%      { transform:translate(30px,-20px) scale(1.05); }
  66%      { transform:translate(-20px,15px) scale(0.97); }
}

/* Container */
.section-xnk-070526-01 .container-xnk-070526-01 {
  position: relative !important;
  z-index: 1 !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
}

/* Header */
.section-xnk-070526-01 .header-block-070526-01 { text-align:center !important; margin-bottom:64px !important; }
.section-xnk-070526-01 .badge-070526-01 {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 7px 20px !important;
  border: 1px solid rgba(212,175,55,0.35) !important;
  border-radius: 40px !important;
  background: rgba(212,175,55,0.07) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  font-size: 12px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: rgba(212,175,55,0.85) !important;
  margin-bottom: 28px !important;
}
.section-xnk-070526-01 .h2-xnk-070526-01 {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-size: 17pt !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  color: #f0e6cc !important;
  margin: 0 0 24px !important;
}
.section-xnk-070526-01 .highlight-070526-01 {
  font-style: italic !important;
  background: linear-gradient(135deg,#d4af37 0%,#f5d87a 50%,#b8860b 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}
.section-xnk-070526-01 .lead-070526-01 {
  font-size: 15.5pt !important;
  line-height: 1.75 !important;
  color: rgba(220,205,180,0.75) !important;
  max-width: 680px !important;
  margin: 0 auto 36px !important;
}
.section-xnk-070526-01 .divider-070526-01 { display:flex !important; align-items:center !important; justify-content:center !important; gap:16px !important; color:rgba(212,175,55,0.4) !important; font-size:13px !important; }
.section-xnk-070526-01 .divider-line-070526-01 { display:block !important; width:80px !important; height:1px !important; background:linear-gradient(90deg,transparent,rgba(212,175,55,0.4)) !important; }
.section-xnk-070526-01 .divider-line-070526-01:last-child { background:linear-gradient(90deg,rgba(212,175,55,0.4),transparent) !important; }

/* ========== SLIDER ========== */
.section-xnk-070526-01 .slider-wrap-070526-01 {
  position: relative !important;
}

.section-xnk-070526-01 .slider-track-070526-01 {
  display: flex !important;
  align-items: stretch !important;
  overflow-x: scroll !important;
  overflow-y: visible !important;
  scroll-snap-type: x mandatory !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  scroll-behavior: smooth !important;
  padding-bottom: 4px !important;
}
.section-xnk-070526-01 .slider-track-070526-01::-webkit-scrollbar {
  display: none !important;
}

/* ---- Slide item ---- */
.section-xnk-070526-01 .slide-070526-01 {
  flex: 0 0 50% !important;
  min-width: 0 !important;
  padding: 0 12px !important;
  box-sizing: border-box !important;
  scroll-snap-align: start !important;
  scroll-snap-stop: always !important;
}

/* ---- Cards ---- */
.section-xnk-070526-01 .card-xnk-070526-01 {
  position: relative !important;
  border-radius: 20px !important;
  border: 1px solid rgba(255,255,255,0.07) !important;
  background: rgba(8,14,40,0.55) !important;
  overflow: hidden !important;
  cursor: pointer !important;
  height: 100% !important;
  transition: transform 0.38s cubic-bezier(0.23,1,0.32,1),border-color 0.38s ease,box-shadow 0.38s ease !important;
}
.section-xnk-070526-01 .card-xnk-070526-01:hover { transform:translateY(-6px) !important; border-color:rgba(212,175,55,0.25) !important; box-shadow:0 24px 60px rgba(0,0,0,0.5),0 0 0 1px rgba(212,175,55,0.1) !important; }
.section-xnk-070526-01 .card-featured-070526-01 { border-color:rgba(212,175,55,0.18) !important; }
.section-xnk-070526-01 .card-inner-070526-01 { position:relative !important; padding:36px 28px !important; height:100% !important; box-sizing:border-box !important; }

/* Frost */
.section-xnk-070526-01 .card-frost-070526-01 { position:absolute !important; inset:0 !important; background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,0.04) 0%,transparent 60%) !important; opacity:0 !important; transition:opacity 0.3s ease !important; pointer-events:none !important; z-index:0 !important; }
.section-xnk-070526-01 .card-xnk-070526-01:hover .card-frost-070526-01 { opacity:1 !important; }

/* Accent bar */
.section-xnk-070526-01 .card-accent-070526-01 { position:absolute !important; top:0 !important; left:0 !important; right:0 !important; height:3px !important; z-index:2 !important; }
.section-xnk-070526-01 .accent-gold-070526-01    { background:linear-gradient(90deg,#b8860b,#d4af37,#f5d87a) !important; }
.section-xnk-070526-01 .accent-cyan-070526-01    { background:linear-gradient(90deg,#065f74,#0ea5c9,#67e8f9) !important; }
.section-xnk-070526-01 .accent-amber-070526-01   { background:linear-gradient(90deg,#92400e,#f59e0b,#fcd34d) !important; }
.section-xnk-070526-01 .accent-emerald-070526-01 { background:linear-gradient(90deg,#064e3b,#10b981,#6ee7b7) !important; }

/* Icon */
.section-xnk-070526-01 .card-icon-wrap-070526-01 { position:relative !important; z-index:1 !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; width:50px !important; height:50px !important; border-radius:14px !important; font-size:20px !important; margin-bottom:14px !important; transition:transform 0.3s ease !important; }
.section-xnk-070526-01 .card-xnk-070526-01:hover .card-icon-wrap-070526-01 { transform:scale(1.1) rotate(-5deg) !important; }
.section-xnk-070526-01 .icon-gold-070526-01    { background:rgba(212,175,55,0.12) !important; color:#d4af37 !important; border:1px solid rgba(212,175,55,0.25) !important; }
.section-xnk-070526-01 .icon-cyan-070526-01    { background:rgba(14,165,201,0.12) !important; color:#0ea5c9 !important; border:1px solid rgba(14,165,201,0.25) !important; }
.section-xnk-070526-01 .icon-amber-070526-01   { background:rgba(245,158,11,0.12) !important; color:#f59e0b !important; border:1px solid rgba(245,158,11,0.25) !important; }
.section-xnk-070526-01 .icon-emerald-070526-01 { background:rgba(16,185,129,0.12) !important; color:#10b981 !important; border:1px solid rgba(16,185,129,0.25) !important; }

/* Number watermark */
.section-xnk-070526-01 .card-num-070526-01 { position:absolute !important; top:24px !important; right:24px !important; font-family:'Playfair Display',serif !important; font-size:48px !important; font-weight:700 !important; color:rgba(255,255,255,0.04) !important; line-height:1 !important; z-index:0 !important; pointer-events:none !important; transition:color 0.3s ease !important; }
.section-xnk-070526-01 .card-xnk-070526-01:hover .card-num-070526-01 { color:rgba(212,175,55,0.07) !important; }

/* H3 */
.section-xnk-070526-01 .h3-xnk-070526-01 { position:relative !important; z-index:1 !important; font-family:'Playfair Display',Georgia,serif !important; font-size:14pt !important; font-weight:600 !important; line-height:1.4 !important; color:#f0e6cc !important; margin:0 0 12px !important; }
.section-xnk-070526-01 .h3-xnk-070526-01 em { font-style:italic !important; background:linear-gradient(135deg,#d4af37,#f5d87a) !important; -webkit-background-clip:text !important; -webkit-text-fill-color:transparent !important; background-clip:text !important; }

/* Desc */
.section-xnk-070526-01 .card-desc-070526-01 { position:relative !important; z-index:1 !important; font-size:13.5pt !important; line-height:1.7 !important; color:rgba(220,205,180,0.65) !important; margin:0 0 16px !important; }

/* List */
.section-xnk-070526-01 .card-list-070526-01 { position:relative !important; z-index:1 !important; list-style:none !important; padding:0 !important; margin:0 0 20px !important; }
.section-xnk-070526-01 .card-list-070526-01 li { display:flex !important; align-items:center !important; gap:10px !important; font-size:12.5pt !important; color:rgba(220,205,180,0.7) !important; padding:5px 0 !important; border-bottom:1px solid rgba(255,255,255,0.04) !important; }
.section-xnk-070526-01 .card-list-070526-01 li .fa-check-circle { color:#d4af37 !important; font-size:13px !important; flex-shrink:0 !important; }

/* Illustrations */
.section-xnk-070526-01 .card-illustration-070526-01 { position:relative !important; z-index:1 !important; height:120px !important; margin:16px 0 !important; display:flex !important; align-items:center !important; justify-content:center !important; }
.section-xnk-070526-01 .illus-entity-070526-01 { position:relative !important; width:100% !important; }
.section-xnk-070526-01 .illus-svg-070526-01 { position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; }
.section-xnk-070526-01 .illus-node-070526-01 { position:absolute !important; display:flex !important; align-items:center !important; justify-content:center !important; border-radius:50% !important; font-size:14px !important; animation:node-pulse-070526-01 3s ease-in-out infinite !important; }
.section-xnk-070526-01 .node-center-070526-01 { width:48px !important; height:48px !important; top:50% !important; left:50% !important; transform:translate(-50%,-50%) !important; background:rgba(212,175,55,0.2) !important; border:2px solid rgba(212,175,55,0.5) !important; color:#d4af37 !important; font-size:18px !important; }
.section-xnk-070526-01 .node-a-070526-01 { width:32px !important; height:32px !important; top:10% !important; right:15% !important; background:rgba(212,175,55,0.1) !important; border:1px solid rgba(212,175,55,0.3) !important; color:#d4af37 !important; animation-delay:-1s !important; }
.section-xnk-070526-01 .node-b-070526-01 { width:32px !important; height:32px !important; top:10% !important; left:10% !important; background:rgba(212,175,55,0.1) !important; border:1px solid rgba(212,175,55,0.3) !important; color:#d4af37 !important; animation-delay:-2s !important; }
.section-xnk-070526-01 .node-c-070526-01 { width:32px !important; height:32px !important; bottom:5% !important; left:50% !important; transform:translateX(-50%) !important; background:rgba(212,175,55,0.1) !important; border:1px solid rgba(212,175,55,0.3) !important; color:#d4af37 !important; animation-delay:-3s !important; }
@keyframes node-pulse-070526-01 {
  0%,100% { box-shadow:0 0 0 0 rgba(212,175,55,0.3); }
  50%      { box-shadow:0 0 0 8px rgba(212,175,55,0); }
}
/* Mobile frame */
.section-xnk-070526-01 .mobile-frame-070526-01 { width:68px !important; height:108px !important; border:2px solid rgba(14,165,201,0.5) !important; border-radius:12px !important; background:rgba(0,30,50,0.6) !important; padding:10px 8px !important; position:relative !important; }
.section-xnk-070526-01 .mobile-screen-070526-01 { display:flex !important; flex-direction:column !important; gap:8px !important; }
.section-xnk-070526-01 .mobile-bar-070526-01 { height:7px !important; border-radius:4px !important; animation:bar-grow-070526-01 2s ease-in-out infinite alternate !important; }
@keyframes bar-grow-070526-01 { from{opacity:0.5} to{opacity:1} }
.section-xnk-070526-01 .mobile-score-070526-01 { display:flex !important; justify-content:space-between !important; margin-top:6px !important; }
.section-xnk-070526-01 .score-label-070526-01 { font-size:9px !important; color:rgba(14,165,201,0.7) !important; }
.section-xnk-070526-01 .score-val-070526-01 { font-size:9px !important; color:#67e8f9 !important; font-weight:600 !important; }
.section-xnk-070526-01 .vitals-badge-070526-01 { position:absolute !important; top:-12px !important; right:20px !important; background:linear-gradient(135deg,#065f74,#0ea5c9) !important; color:#fff !important; font-size:12px !important; font-weight:700 !important; padding:4px 10px !important; border-radius:20px !important; animation:pulse-glow-070526-01 2s ease-in-out infinite !important; }
@keyframes pulse-glow-070526-01 { 0%,100%{box-shadow:0 0 0 0 rgba(14,165,201,0.4)} 50%{box-shadow:0 0 16px 4px rgba(14,165,201,0.2)} }
/* Lang */
.section-xnk-070526-01 .lang-globe-070526-01 { font-size:44px !important; color:rgba(245,158,11,0.5) !important; animation:globe-spin-070526-01 8s linear infinite !important; }
@keyframes globe-spin-070526-01 { from{transform:rotate(0deg)} to{transform:rotate(360deg)} }
.section-xnk-070526-01 .lang-tags-070526-01 { position:absolute !important; display:flex !important; gap:6px !important; bottom:0 !important; }
.section-xnk-070526-01 .lang-tag-070526-01 { padding:2px 9px !important; border:1px solid rgba(245,158,11,0.35) !important; border-radius:20px !important; font-size:11px !important; font-weight:700 !important; letter-spacing:0.08em !important; color:rgba(245,158,11,0.8) !important; background:rgba(245,158,11,0.07) !important; }
/* System map small */
.section-xnk-070526-01 .system-map-sm-070526-01 { position:relative !important; width:200px !important; height:110px !important; display:flex !important; align-items:center !important; justify-content:center !important; }
.section-xnk-070526-01 .sys-center-sm-070526-01 { width:44px !important; height:44px !important; background:rgba(16,185,129,0.15) !important; border:2px solid rgba(16,185,129,0.4) !important; border-radius:50% !important; display:flex !important; align-items:center !important; justify-content:center !important; color:#10b981 !important; font-size:18px !important; animation:center-glow-070526-01 3s ease-in-out infinite !important; flex-shrink:0 !important; }
@keyframes center-glow-070526-01 { 0%,100%{box-shadow:0 0 0 0 rgba(16,185,129,0.3)} 50%{box-shadow:0 0 0 10px rgba(16,185,129,0)} }
.section-xnk-070526-01 .sys-orb-sm-070526-01 { display:flex !important; gap:8px !important; margin-left:12px !important; flex-wrap:wrap !important; max-width:130px !important; }
.section-xnk-070526-01 .sys-item-sm-070526-01 { display:inline-flex !important; flex-direction:column !important; align-items:center !important; gap:2px !important; padding:6px 8px !important; border:1px solid rgba(16,185,129,0.25) !important; border-radius:10px !important; background:rgba(8,14,40,0.8) !important; color:rgba(16,185,129,0.7) !important; font-size:13px !important; }
.section-xnk-070526-01 .sys-item-sm-070526-01 small { font-size:9px !important; color:rgba(16,185,129,0.5) !important; }

/* Buttons */
.section-xnk-070526-01 .btn-xnk-070526-01 { position:relative !important; z-index:1 !important; display:inline-flex !important; align-items:center !important; gap:8px !important; padding:10px 20px !important; border-radius:40px !important; font-family:'Crimson Pro',Georgia,serif !important; font-size:13pt !important; font-weight:500 !important; cursor:pointer !important; border:none !important; transition:all 0.3s cubic-bezier(0.23,1,0.32,1) !important; overflow:hidden !important; text-decoration:none !important; }
.section-xnk-070526-01 .btn-xnk-070526-01:hover { transform:translateY(-2px) !important; box-shadow:0 12px 30px rgba(0,0,0,0.4) !important; }
.section-xnk-070526-01 .btn-gold-070526-01    { background:linear-gradient(135deg,rgba(139,90,10,0.4),rgba(212,175,55,0.25)) !important; border:1px solid rgba(212,175,55,0.4) !important; color:#f5d87a !important; }
.section-xnk-070526-01 .btn-cyan-070526-01    { background:linear-gradient(135deg,rgba(6,95,116,0.4),rgba(14,165,201,0.2)) !important; border:1px solid rgba(14,165,201,0.35) !important; color:#67e8f9 !important; }
.section-xnk-070526-01 .btn-amber-070526-01   { background:linear-gradient(135deg,rgba(92,40,14,0.4),rgba(245,158,11,0.2)) !important; border:1px solid rgba(245,158,11,0.35) !important; color:#fcd34d !important; }
.section-xnk-070526-01 .btn-emerald-070526-01 { background:linear-gradient(135deg,rgba(6,78,59,0.4),rgba(16,185,129,0.2)) !important; border:1px solid rgba(16,185,129,0.35) !important; color:#6ee7b7 !important; }

/* ========== SLIDER ARROWS ========== */
.section-xnk-070526-01 .slider-arrow-070526-01 {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 10 !important;
  width: 48px !important;
  height: 48px !important;
  border-radius: 50% !important;
  background: rgba(8,14,40,0.85) !important;
  border: 1px solid rgba(212,175,55,0.3) !important;
  color: #d4af37 !important;
  font-size: 16px !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.3s ease !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}
.section-xnk-070526-01 .slider-arrow-070526-01:hover {
  background: rgba(212,175,55,0.15) !important;
  border-color: rgba(212,175,55,0.6) !important;
  box-shadow: 0 0 20px rgba(212,175,55,0.2) !important;
}
.section-xnk-070526-01 .slider-arrow-070526-01:disabled {
  opacity: 0.3 !important;
  cursor: not-allowed !important;
}
.section-xnk-070526-01 .arrow-prev-070526-01 { left: -20px !important; }
.section-xnk-070526-01 .arrow-next-070526-01 { right: -20px !important; }

/* ========== DOTS + COUNTER ========== */
.section-xnk-070526-01 .slider-nav-070526-01 {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 24px !important;
  margin-top: 32px !important;
}
.section-xnk-070526-01 .dots-wrap-070526-01 {
  display: flex !important;
  gap: 8px !important;
  align-items: center !important;
}
.section-xnk-070526-01 .dot-070526-01 {
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: rgba(212,175,55,0.25) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  padding: 0 !important;
}
.section-xnk-070526-01 .dot-070526-01.active-070526-01 {
  width: 28px !important;
  border-radius: 4px !important;
  background: #d4af37 !important;
}
.section-xnk-070526-01 .slide-counter-070526-01 {
  font-family: 'Playfair Display', serif !important;
  font-size: 13px !important;
  color: rgba(212,175,55,0.6) !important;
  letter-spacing: 0.1em !important;
}

/* ========== CTA ========== */
.section-xnk-070526-01 .cta-block-070526-01 {
  margin-top: 64px !important;
  padding: 48px !important;
  border-radius: 24px !important;
  border: 1px solid rgba(212,175,55,0.15) !important;
  background: rgba(212,175,55,0.04) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  text-align: center !important;
  position: relative !important;
  overflow: hidden !important;
}
.section-xnk-070526-01 .cta-block-070526-01::before { content:'' !important; position:absolute !important; inset:0 !important; background:radial-gradient(ellipse at 50% 0%,rgba(212,175,55,0.08) 0%,transparent 60%) !important; pointer-events:none !important; }
.section-xnk-070526-01 .cta-text-070526-01 { font-family:'Playfair Display',Georgia,serif !important; font-size:16pt !important; font-style:italic !important; color:#f0e6cc !important; margin:0 0 28px !important; position:relative !important; z-index:1 !important; }
.section-xnk-070526-01 .cta-btns-070526-01 { display:flex !important; align-items:center !important; justify-content:center !important; gap:16px !important; flex-wrap:wrap !important; position:relative !important; z-index:1 !important; }
.section-xnk-070526-01 .btn-primary-cta-070526-01 { padding:14px 32px !important; background:linear-gradient(135deg,#b8860b,#d4af37) !important; color:#03071e !important; font-weight:700 !important; border:none !important; font-size:14pt !important; box-shadow:0 8px 30px rgba(212,175,55,0.3) !important; }
.section-xnk-070526-01 .btn-primary-cta-070526-01:hover { box-shadow:0 16px 50px rgba(212,175,55,0.45) !important; transform:translateY(-3px) !important; }
.section-xnk-070526-01 .btn-ghost-cta-070526-01 { padding:14px 32px !important; background:transparent !important; color:#e8dcc8 !important; border:1px solid rgba(232,220,200,0.3) !important; font-size:14pt !important; }
.section-xnk-070526-01 .btn-ghost-cta-070526-01:hover { border-color:rgba(232,220,200,0.6) !important; background:rgba(232,220,200,0.05) !important; }

/* ========== RESPONSIVE MOBILE ========== */
@media (max-width: 768px) {
  section.section-xnk-070526-01,
  .section-xnk-070526-01 { padding:64px 0 80px !important; }

  .section-xnk-070526-01 .container-xnk-070526-01 { padding:0 16px !important; }
  .section-xnk-070526-01 .h2-xnk-070526-01 { font-size:15pt !important; }
  .section-xnk-070526-01 .lead-070526-01 { font-size:13pt !important; }
  .section-xnk-070526-01 .header-block-070526-01 { margin-bottom:40px !important; }

  /* Mobile: 1 slide per view */
  .section-xnk-070526-01 .slide-070526-01 {
    flex: 0 0 100% !important;
    padding: 0 6px !important;
  }

  /* Trên mobile đẩy mũi tên lên trên track, không đè lên card */
  .section-xnk-070526-01 .slider-wrap-070526-01 {
    padding-top: 56px !important;
  }
  .section-xnk-070526-01 .slider-arrow-070526-01 {
    width: 36px !important;
    height: 36px !important;
    font-size: 13px !important;
    top: 10px !important;
    transform: none !important;
  }
  .section-xnk-070526-01 .arrow-prev-070526-01 { left: auto !important; right: 52px !important; }
  .section-xnk-070526-01 .arrow-next-070526-01 { right: 8px !important; left: auto !important; }

  .section-xnk-070526-01 .cta-block-070526-01 { padding:28px 18px !important; margin-top:48px !important; }
  .section-xnk-070526-01 .cta-btns-070526-01 { flex-direction:column !important; align-items:stretch !important; }
  .section-xnk-070526-01 .btn-primary-cta-070526-01,
  .section-xnk-070526-01 .btn-ghost-cta-070526-01 { width:100% !important; justify-content:center !important; }
}

@media (max-width: 480px) {
  .section-xnk-070526-01 .h2-xnk-070526-01 { font-size:13.5pt !important; }
  .section-xnk-070526-01 .h3-xnk-070526-01 { font-size:12.5pt !important; }
  .section-xnk-070526-01 .slider-arrow-070526-01 { display:none !important; }
}
}