/* Source: virtual-city-service.php */
/* ════════════════════════════════════════════════════════════════
   ADJUSTABLE SIZES
   ════════════════════════════════════════════════════════════════ */
.vcs-wrap{
  --vcs-card-max:      1080px;
  --vcs-media-max:     560px;
  --vcs-aspect:        4/4;
  --vcs-handle-size:   42px;
  --vcs-arrow-size:    38px;
  --vcs-block-padding: 32px;
  --vcs-block-radius:  22px;
  --vcs-block-gap:     22px;
}

  .vcs-wrap{
    --bg:      #ffffff;
--text:    #101010;
--muted:   #7E4939;
--accent:  #60091A;
--accent2: #ffffff;
--line:    rgba(96,9,26,.1);
--shadow:  0 14px 36px rgba(96,9,26,.08);
background: linear-gradient(180deg, #fdfaf5 0%, #F4EEE2 60%, #ede4d6 100%);
color: var(--text);
font-size: 15px;
  }
  .vcs-wrap *{box-sizing:border-box}
  .vcs-container{max-width:1180px;margin:0 auto;padding:24px 20px 64px}

  /* ─── HERO ─── */
  .vcs-hero{
    background:#101010;
    color:#fff;padding:110px 0 60px;position:relative;overflow:hidden;
  }
  .vcs-hero::before{
    content:"";position:absolute;inset:0;opacity:.05;
    background-size:18px 18px;pointer-events:none;
  }
  .vcs-hero-inner{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:0 20px}
  .vcs-breadcrumb{font-size:12.5px;color:rgba(255,255,255,.6);margin-bottom:18px}
  .vcs-breadcrumb a{color:rgba(255,255,255,.78);text-decoration:none;transition:color .18s ease}
  .vcs-breadcrumb a:hover{color:var(--accent2)}
  .vcs-breadcrumb span{margin:0 6px;opacity:.5}
  .vcs-pill{
    display:inline-flex;align-items:center;gap:6px;
    padding:7px 14px;border-radius:999px;
    background:linear-gradient(135deg,rgba(201,169,110,.18),rgba(201,169,110,.05));
    border:1px solid rgba(201,169,110,.35);
    color:var(--accent2);font-size:10.5px;letter-spacing:.18em;
    text-transform:uppercase;font-weight:800;margin-bottom:16px;
  }
  .vcs-hero-title{
    font-family:'Balkind', Georgia, serif;
    font-size:clamp(30px,4vw,50px);
    line-height:1.04;letter-spacing:-.02em;margin:0 0 12px;font-weight:400;
  }
  .vcs-hero-title em{font-style:italic;color:var(--accent2)}
  .vcs-hero-sub{font-size:15.5px;color:rgba(245,237,227,.78);max-width:680px;line-height:1.65;margin:0 0 22px}
  .vcs-cta-row{display:flex;gap:10px;flex-wrap:wrap}
  .vcs-btn{
    display:inline-flex;align-items:center;gap:8px;
    padding:13px 22px;border-radius:10px;
    font-weight:700;font-size:13.5px;letter-spacing:.03em;
    text-decoration:none;transition:transform .18s ease, box-shadow .18s ease;
    border:1px solid transparent;cursor:pointer;
  }
  .vcs-btn:hover{transform:translateY(-1px)}
  .vcs-btn-wa{background:#217C54;color:#fff;box-shadow:0 10px 22px rgba(37,211,102,.25)}
  .vcs-btn-ghost{background:rgba(255,255,255,.06);color:#F5EDE3;border-color:rgba(255,255,255,.18)}
  .vcs-btn-ghost:hover{background:rgba(255,255,255,.1)}

  /* ─── SERVICE BLOCK CARD ─── */
  .vcs-block{
    background:#fff;
    border:1px solid var(--line);
    border-radius:var(--vcs-block-radius);
    padding:var(--vcs-block-padding);
    margin-top:22px;
    box-shadow:var(--shadow);
    scroll-margin-top:84px;
    max-width:var(--vcs-card-max);
    margin-left:auto;margin-right:auto;
    position:relative;
  }
  .vcs-block.is-active{
    background:linear-gradient(180deg,#ffffff 0%,#fffaf2 100%);
    box-shadow:0 18px 44px rgba(57,31,10,.10), 0 0 0 1px rgba(201,169,110,.22);
  }
  .vcs-block.is-active::before{
    content:"";position:absolute;top:0;left:36px;right:36px;height:2px;
    background:linear-gradient(90deg,transparent,var(--accent2),transparent);
    border-radius:2px;
  }

  /* ════════════════════════════════════════════════════════════════
     PREMIUM SERVICE BLOCK — LUXURY REDESIGN
     ════════════════════════════════════════════════════════════════ */

  /* Hero header — icon + eyebrow + title + ornament */
  .vcs-block-hero{
    display:flex;
    align-items:center;
    gap:22px;
    padding:4px 0 26px;
    margin-bottom:28px;
    position:relative;
    border-bottom:1px solid rgba(201,169,110,0.18);
  }
  .vcs-block-hero::after{
    content:'';
    position:absolute;
    bottom:-1px;
    left:0;
    width:90px;
    height:2px;
    background:linear-gradient(90deg, #60091A 0%, #c9a96e 100%);
    border-radius:2px;
  }

  .vcs-block-icon-lg{
    width:64px;
    height:64px;
    flex-shrink:0;
    border-radius:18px;
    background:linear-gradient(135deg, #60091A 0%, #8B5E3C 100%);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    box-shadow:0 12px 26px rgba(96,9,26,0.28), inset 0 1px 0 rgba(255,255,255,0.18);
    position:relative;
  }
  .vcs-block-icon-lg::before{
    content:'';
    position:absolute;
    inset:-4px;
    border-radius:22px;
    border:1px solid rgba(201,169,110,0.45);
    pointer-events:none;
  }

  .vcs-block-meta{flex:1;min-width:0}

  .vcs-block-eyebrow{
    display:inline-block;
    font-size:10px;
    font-weight:800;
    letter-spacing:1.5px;
    text-transform:uppercase;
    color:#60091A;
    margin-bottom:10px;
    padding:5px 12px;
    background:rgba(201,169,110,0.12);
    border:1px solid rgba(201,169,110,0.3);
    border-radius:999px;
  }

  .vcs-block-hero .vcs-block-title{
    font-family:'Inter', Georgia, serif;
    font-size:clamp(24px,3vw,34px);
    line-height:1.1;
    margin:0 0 10px;
    letter-spacing:-0.02em;
    color:#60091A;
    font-weight:500;
  }

  .vcs-block-ornament{
    display:flex;
    align-items:center;
    gap:10px;
    margin-top:4px;
  }
  .vcs-block-ornament span{
    display:block;
    height:1px;
    width:50px;
    background:linear-gradient(90deg, #60091A, transparent);
  }
  .vcs-block-ornament span:last-child{
    background:linear-gradient(90deg, transparent, #60091A);
  }

  /* Intro paragraph */
  .vcs-block-intro{
    font-size:16px;
    line-height:1.8;
    color:#101010;
    margin:0 0 32px;
    max-width:88ch;
    position:relative;
    padding-left:22px;
    font-weight:400;
  }
  .vcs-block-intro::before{
    content:'';
    position:absolute;
    left:0;
    top:6px;
    bottom:6px;
    width:3px;
    background:linear-gradient(180deg, #60091A 0%, rgba(201,169,110,0.2) 100%);
    border-radius:3px;
  }

  /* Features grid */
  .vcs-block-features{
    margin:0 0 32px;
    padding:32px 30px;
    background:linear-gradient(135deg, #60091A 0%, #ffffff 100%);
    border:1px solid #60091A;
    border-radius:18px;
    position:relative;
    overflow:hidden;
  }
  .vcs-block-features::before{
    content:'';
    position:absolute;
    top:0;
    left:32px;
    right:32px;
    height:2px;
    background:linear-gradient(90deg, transparent, #60091A, transparent);
    border-radius:2px;
  }
  .vcs-block-features::after{
    content:'';
    position:absolute;
    bottom:-40px;
    right:-40px;
    width:160px;
    height:160px;
    background:radial-gradient(circle, rgba(201,169,110,0.08), transparent 70%);
    pointer-events:none;
  }

  .vcs-features-label{
    display:inline-flex;
    align-items:center;
    gap:10px;
    font-size:11px;
    font-weight:800;
    letter-spacing:2.5px;
    text-transform:uppercase;
    color:#ffffff;
    margin-bottom:20px;
  }
  .vcs-features-label::before{
    content:'';
    width:8px;
    height:8px;
    background:#101010;
    border-radius:50%;
    box-shadow:0 0 0 4px rgba(201,169,110,0.2);
  }

  .vcs-features-grid{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:14px;
    position:relative;
    z-index:1;
  }

  .vcs-feature{
    display:flex;
    gap:16px;
    align-items:flex-start;
    padding:16px 18px;
    background:#fff;
    border-radius:12px;
    border:1px solid rgba(95,36,26,0.07);
    transition:all 0.35s cubic-bezier(0.22, 1, 0.36, 1);
    box-shadow:0 2px 8px rgba(57,31,10,0.03);
  }
  .vcs-feature:hover{
    border-color:rgba(201,169,110,0.45);
    transform:translateY(-2px);
    box-shadow:0 12px 24px rgba(57,31,10,0.09);
  }

  .vcs-feature-num{
    flex-shrink:0;
    font-family:'Inter', Georgia, serif;
    font-size:22px;
    font-weight:700;
    color:#60091A;
    font-style:italic;
    line-height:1;
    padding-top:2px;
    letter-spacing:-0.02em;
  }

  .vcs-feature-text{
    font-size:14px;
    line-height:1.55;
    color:#101010;
    font-weight:500;
  }

  /* Outro paragraph */
  .vcs-block-outro{
    font-size:15px;
    line-height:1.75;
    color:#101010;
    margin:0 0 32px;
    font-style:italic;
    font-family:'Inter', Georgia, serif;
    max-width:92ch;
    padding:18px 24px 18px 30px;
    background:linear-gradient(135deg, rgba(201,169,110,0.08), rgba(201,169,110,0.02));
    border-radius:12px;
    border-left:3px solid #60091A;
    position:relative;
  }
  .vcs-block-outro::before{
    content:'"';
    position:absolute;
    top:-8px;
    left:14px;
    font-family:'Inter', Georgia, serif;
    font-size:40px;
    color:#c9a96e;
    opacity:0.5;
    line-height:1;
  }

  /* Block content paragraph (used in subsections) */
  .vcs-block-content{
    font-size:15px;line-height:1.72;color:#101010;
    margin:0 0 18px;
  }

  /* ─── 2-COLUMN MEDIA ROW ─── */
.vcs-media-row{
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--vcs-block-gap);
  justify-items: center;
  align-items: center;
  margin: 0 0 4px;
 }
.vcs-media-row.vcs-media-row--stacked{
    grid-template-columns:1fr;
    gap:20px;
}
.vcs-media-col--fullwidth{
    grid-column:1 / -1;
    max-width:880px !important;
    width:100%;
}
  .vcs-media-col{
  display: flex;
  flex-direction: column;
  min-width: 0;
  width: 100%;
  max-width: var(--vcs-media-max);
  margin: 0 auto;
}
  
  .vcs-media-tag{
    display:inline-block;
    font-size:12px;font-weight:800;
    letter-spacing:.1em;text-transform:uppercase;
    color:#60091A;
    margin-bottom:10px;
    padding-left:2px;
    text-align: center;
  }

  /* ─── VIDEO ─── */
.vcs-wrap .vcs-video-wrap {
	position: relative !important;
	width: 100% !important;
	height: 0 !important;
	padding-bottom: 56.25% !important;
	aspect-ratio: auto !important;
	background: #1A120B !important;
	border-radius: 14px !important;
	overflow: hidden !important;
	display: block !important;
	border: 1px solid rgba(201,169,110,.28) !important;
	box-shadow: 0 12px 30px rgba(26,18,11,.14) !important;
	margin: 0 !important;
  justify-self: center !important;
}

.vcs-wrap .vcs-video-wrap > * {
	position: absolute !important;
	inset: 0 !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	width: 100% !important;
	height: 100% !important;
	min-width: 100% !important;
	min-height: 100% !important;
	max-width: none !important;
	max-height: none !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	display: block !important;
}

.vcs-wrap .vcs-video-wrap video,
.vcs-wrap .vcs-video-wrap * video {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	min-width: 100% !important;
	min-height: 100% !important;
	object-fit: cover !important;
	display: block !important;
}

  /* ─── GALLERY ─── */
  .vcs-gallery{position:relative;margin:0;width:100%}
  .vcs-gallery-track{position:relative}
  .vcs-gallery-slide{display:none;opacity:0;transition:opacity .35s ease}
  .vcs-gallery-slide.is-active{display:block;opacity:1}

 .vcs-compare{
    position:relative;
    overflow:hidden;
    border-radius:14px;
    aspect-ratio:var(--vcs-aspect);
    background:#ffffff;
    cursor:ew-resize;
    user-select:none;-webkit-user-select:none;
    touch-action:none;
    border:1px solid rgba(116, 84, 24, 0.28);
    box-shadow:0 12px 30px rgba(26,18,11,.14);
    display:flex;
    align-items:center;
    justify-content:center;
}
.vcs-compare.is-dragging{cursor:grabbing}
.vcs-compare img{
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center center;
    display:block;
    pointer-events:none;
    -webkit-user-drag:none;
    position:absolute;
    top:0;left:0;
    padding:0;
}
.vcs-compare--static{
    cursor:default;
    user-select:auto;
    -webkit-user-select:auto;
    touch-action:auto;
}
.vcs-compare--static img{
    position:static;
    object-fit:contain;
}
.vcs-before,.vcs-after{
    position:absolute;
    inset:0;
    will-change:clip-path;
    overflow:hidden;
    background:#ffffff;
    display:flex;
    align-items:center;
    justify-content:center;
}
.vcs-before img,.vcs-after img{
    position:absolute;
    top:0;left:0;
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center center;
}

  .vcs-divider{
    position:absolute;top:0;bottom:0;left:0;
    width:2px;margin-left:-1px;
    transform:translate3d(0,0,0);
    will-change:transform;
    background:linear-gradient(180deg,
      rgba(255,255,255,.4) 0%,
      rgba(255,255,255,.95) 18%,
      rgba(201,169,110,.95) 50%,
      rgba(255,255,255,.95) 82%,
      rgba(255,255,255,.4) 100%);
    box-shadow:0 0 0 1px rgba(0,0,0,.06), 0 0 20px rgba(201,169,110,.4);
    pointer-events:none;
  }
  .vcs-handle{
    position:absolute;left:0;top:50%;
    transform:translate3d(0,-50%,0);
    margin-left:calc(var(--vcs-handle-size) / -2);
    width:var(--vcs-handle-size);height:var(--vcs-handle-size);
    border-radius:999px;
    background:radial-gradient(circle at 30% 30%, #ffffff 0%, #faf3e8 100%);
    display:grid;place-items:center;
    box-shadow:
      0 10px 26px rgba(0,0,0,.18),
      0 0 0 1px rgba(201,169,110,.5),
      0 0 0 4px rgba(255,255,255,.85),
      inset 0 1px 0 rgba(255,255,255,.8);
    color:var(--accent);
    cursor:grab;
    will-change:transform;
    transition:box-shadow .25s ease;
    z-index:3;
  }
  .vcs-compare.is-dragging .vcs-handle{
    cursor:grabbing;
    box-shadow:
      0 14px 32px rgba(0,0,0,.25),
      0 0 0 1px var(--accent2),
      0 0 0 7px rgba(201,169,110,.25),
      inset 0 1px 0 rgba(255,255,255,.8);
  }
  .vcs-handle svg{display:block;pointer-events:none}

  .vcs-label{
    position:absolute;top:12px;
    padding:5px 11px;border-radius:999px;
    font-size:9.5px;font-weight:800;letter-spacing:.12em;
    text-transform:uppercase;
    backdrop-filter:blur(6px);
    -webkit-backdrop-filter:blur(6px);
    z-index:2;pointer-events:none;
  }
  .vcs-label-before{left:12px;background:rgba(33,19,11,.82);color:#fff}
  .vcs-label-after{right:12px;background:linear-gradient(135deg,#c9a96e,#a07a3f);color:#1A120B}

  /* ─── ARROWS ─── */
  .vcs-arrow{
    position:absolute;top:50%;transform:translateY(-50%);
    width:var(--vcs-arrow-size);height:var(--vcs-arrow-size);
    border-radius:999px;border:0;cursor:pointer;
    background:#fff;color:var(--accent);
    display:grid;place-items:center;
    box-shadow:0 10px 24px rgba(33,19,11,.18), 0 0 0 1px rgba(201,169,110,.32);
    transition:transform .2s ease, box-shadow .2s ease, color .2s ease, background .2s ease;
    z-index:5;
  }
  .vcs-arrow:hover{
    transform:translateY(-50%) scale(1.1);
    color:#fff;
    background:linear-gradient(135deg,var(--accent),#7a3022);
    box-shadow:0 14px 30px rgba(96,9,26,.32), 0 0 0 1px var(--accent2);
  }
  .vcs-arrow-prev{left:calc(var(--vcs-arrow-size) / -2 + 4px)}
  .vcs-arrow-next{right:calc(var(--vcs-arrow-size) / -2 + 4px)}

  /* ─── DOTS ─── */
  .vcs-gallery-dots{display:flex;gap:7px;justify-content:center;margin-top:14px}
  .vcs-gallery-dot{
    width:7px;height:7px;border-radius:99px;border:0;padding:0;cursor:pointer;
    background:rgba(95,36,26,.22);transition:all .25s ease;
  }
  .vcs-gallery-dot.is-active{
    background:linear-gradient(135deg,var(--accent2),#a07a3f);
    width:22px;
    box-shadow:0 0 0 1px rgba(201,169,110,.5);
  }

  /* ─── SUBSECTIONS — PREMIUM ─── */
  .vcs-subsections{
    margin-top:36px;
    padding-top:32px;
    border-top:1px solid rgba(201,169,110,0.18);
    display:flex;flex-direction:column;gap:22px;
    position:relative;
  }
  .vcs-subsections::before{
    content:'';
    position:absolute;
    top:-1px;
    left:0;
    width:90px;
    height:2px;
    background:linear-gradient(90deg, #60091A 0%, #c9a96e 100%);
    border-radius:2px;
  }

  .vcs-subsections-label{
    display:inline-flex;
    align-items:center;
    gap:10px;
    font-size:11px;
    font-weight:800;
    letter-spacing:2.5px;
    text-transform:uppercase;
    color:#fff;
    margin-bottom:8px;
    padding:7px 16px;
    background:linear-gradient(135deg, #60091A, #7E4939);
    border-radius:999px;
    box-shadow:0 6px 14px rgba(96,9,26,0.22);
    align-self:flex-start;
  }

  .vcs-subblock{
    background:linear-gradient(180deg,rgba(252,247,240,.7) 0%, rgba(252,247,240,.3) 100%);
    border:1px solid var(--line);
    border-left:3px solid var(--accent2);
    border-radius:14px;
    padding:22px 24px;
  }
  .vcs-subblock-head{
    display:flex;
    align-items:center;
    gap:14px;
    margin-bottom:12px;
  }
  .vcs-subblock-num{
    flex-shrink:0;
    width:36px;
    height:36px;
    border-radius:10px;
    background:linear-gradient(135deg, #60091a, #7E4939);
    color:#ffffff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-family:'Inter', Georgia, serif;
    font-size:14px;
    font-weight:700;
    font-style:italic;
    box-shadow:0 6px 14px rgba(201,169,110,0.28);
  }
  .vcs-subblock-title{
    font-family:'Inter', Georgia, serif;
    font-size:20px;
    margin:0;
    color:var(--accent);
    font-weight:600;
    letter-spacing:-.005em;
    flex:1;
  }

  /* ─── FINAL CTA ─── */
  .vcs-final-cta{
    margin-top:46px;
    background:#101010;
    color:#ffffff;
    border:1px solid #101010;
    border-radius:24px;
    padding:40px 32px;text-align:center;
    box-shadow:0 18px 40px rgba(38,19,11,.18);
  }
  .vcs-final-cta h2{
    font-family:'Balkind', Georgia, serif;
    font-size:clamp(24px,3vw,36px);
    margin:0 0 12px;font-weight:400;letter-spacing:-.015em;line-height:1.1;
  }
  .vcs-final-cta h2 em{font-style:italic;color:var(--accent2)}
  .vcs-final-cta p{margin:0 auto 22px;max-width:540px;color:rgba(245,237,227,.82);line-height:1.65;font-size:14.5px}

  /* ─── RESPONSIVE ─── */
  @media (max-width:980px){
    .vcs-media-row{grid-template-columns:1fr;gap:24px}
    .vcs-media-col{max-width:600px;margin:0 auto;width:100%}
  }
  @media (max-width:760px){
    .vcs-wrap{
      --vcs-block-padding:20px;
      --vcs-block-radius:16px;
      --vcs-handle-size:36px;
      --vcs-arrow-size:32px;
    }
    .vcs-hero{padding:54px 0 44px}
    .vcs-block{margin-top:16px}

    .vcs-block-hero{gap:16px;padding-bottom:20px;margin-bottom:22px}
    .vcs-block-icon-lg{width:52px;height:52px;font-size:24px;border-radius:14px}
    .vcs-block-hero .vcs-block-title{font-size:22px}
    .vcs-block-intro{font-size:14.5px;padding-left:16px;margin-bottom:24px}
    .vcs-block-features{padding:22px 18px;border-radius:14px;margin-bottom:24px}
    .vcs-features-grid{grid-template-columns:1fr;gap:10px}
    .vcs-feature{padding:14px 14px}
    .vcs-feature-num{font-size:18px}
    .vcs-feature-text{font-size:13.5px}
    .vcs-block-outro{font-size:14px;padding:16px 18px 16px 22px;margin-bottom:24px}
    .vcs-subblock-num{width:30px;height:30px;font-size:12px}

    .vcs-media-tag{font-size:9px;letter-spacing:.16em;margin-bottom:8px}
    .vcs-arrow-prev{left:8px}
    .vcs-arrow-next{right:8px}
    .vcs-label{font-size:9px;padding:4px 9px}
    .vcs-subblock{padding:16px 18px;border-radius:12px}
    .vcs-subblock-title{font-size:17px}
    .vcs-final-cta{padding:28px 20px;border-radius:18px;margin-top:32px}
  }
  @media (max-width:480px){
    .vcs-wrap{ --vcs-handle-size:32px; --vcs-arrow-size:30px; }
    .vcs-hero-title{font-size:26px}
    .vcs-block{padding:18px}
    .vcs-block-icon-lg{width:46px;height:46px;font-size:22px}
    .vcs-block-hero .vcs-block-title{font-size:20px}
  }

  /* ════════════════════════════════════════════════════════════════
   SEO LUXURY TILES
   ════════════════════════════════════════════════════════════════ */
.vcs-seo {
	max-width: var(--vcs-card-max, 1080px);
	margin: 32px auto 0;
	padding: 0 4px;
}
.vcs-seo-eyebrow {
	display: inline-block;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color:#60091A ;
	padding: 6px 14px;
	border: 1px solid rgba(201,169,110,0.35);
	border-radius: 999px;
	background: rgba(201,169,110,0.08);
	margin-bottom: 16px;
}
.vcs-seo-intro {
	background: linear-gradient(180deg, #ffffff 0%, #fffaf2 100%);
	border: 1px solid rgba(95,36,26,0.10);
	border-left: 4px solid var(--accent2, #c9a96e);
	border-radius: 18px;
	padding: 26px 30px;
	box-shadow: 0 10px 28px rgba(57,31,10,0.07);
	margin-bottom: 26px;
}
.vcs-seo-intro p {
	font-size: 15px;
	line-height: 1.75;
	color: #101010;
	margin: 0;
	max-width: 92ch;
}

.vcs-seo-h3 {
	font-family: 'Inter', Georgia, serif;
	font-size: clamp(22px, 2.4vw, 28px);
	font-weight: 600;
	color: #101010;
	margin: 0 0 22px;
	letter-spacing: -0.01em;
	display: flex;
	align-items: center;
	gap: 14px;
}
.vcs-seo-h3::before {
	content: '';
	width: 28px;
	height: 2px;
	background: linear-gradient(90deg, var(--accent, #5f241a), var(--accent2, #c9a96e));
	border-radius: 2px;
}
.vcs-seo-h3 em {
	font-style: italic;
	color: var(--accent, #5f241a);
}

.vcs-seo-block {
	background: #fff;
	border: 1px solid rgba(95,36,26,0.08);
	border-radius: 20px;
	padding: 30px;
	margin-bottom: 22px;
	box-shadow: 0 8px 24px rgba(57,31,10,0.05);
	position: relative;
}
.vcs-seo-block::before {
	content: '';
	position: absolute;
	top: 0; left: 32px; right: 32px;
	height: 2px;
	background: linear-gradient(90deg, transparent, rgba(201,169,110,0.45), transparent);
	border-radius: 2px;
}

.vcs-seo-stats {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 14px;
	margin-bottom: 26px;
}
.vcs-seo-stat {
	background: linear-gradient(180deg, #ffffff 0%, #fffaf2 100%);
	border: 1px solid rgba(95,36,26,0.08);
	border-radius: 16px;
	padding: 22px 18px;
	text-align: center;
	box-shadow: 0 6px 20px rgba(57,31,10,0.05);
	transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.4s ease;
	position: relative;
	overflow: hidden;
}
.vcs-seo-stat:hover {
	transform: translateY(-4px);
	box-shadow: 0 14px 32px rgba(57,31,10,0.10), 0 0 0 1px rgba(201,169,110,0.35);
}
.vcs-seo-stat::after {
	content: '';
	position: absolute;
	top: 0; left: 0; right: 0;
	height: 2px;
	background: linear-gradient(90deg, transparent, var(--accent2, #c9a96e), transparent);
	opacity: 0;
	transition: opacity 0.4s ease;
}
.vcs-seo-stat:hover::after { opacity: 1; }
.vcs-seo-stat-num {
	display: block;
	font-family: 'Inter', Georgia, serif;
	font-size: 32px;
	font-weight: 700;
	color: var(--accent, #5f241a);
	line-height: 1;
	margin-bottom: 8px;
	letter-spacing: -0.02em;
}
.vcs-seo-stat-num small {
	font-size: 14px;
	font-weight: 600;
	color: rgba(95,36,26,0.55);
	letter-spacing: 0;
}
.vcs-seo-stat-lbl {
	display: block;
	font-size: 10.5px;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: rgba(31,22,15,0.55);
}

.vcs-seo-spec-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 16px;
}
.vcs-seo-spec {
	background: linear-gradient(180deg, #fffaf2 0%, #f9f3ea 100%);
	border: 1px solid rgba(95,36,26,0.08);
	border-radius: 14px;
	padding: 22px 22px 20px;
	transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.4s ease, border-color 0.3s ease;
	position: relative;
}
.vcs-seo-spec:hover {
	transform: translateY(-3px);
	box-shadow: 0 12px 28px rgba(57,31,10,0.08);
	border-color: rgba(201,169,110,0.4);
}
.vcs-seo-spec-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border-radius: 12px;
	background: linear-gradient(135deg, var(--accent, #5f241a), #8B5E3C);
	font-size: 20px;
	box-shadow: 0 6px 14px rgba(96,9,26,0.22);
	margin-bottom: 14px;
	color: #fff;
}
.vcs-seo-spec h4 {
	font-family: 'Inter', Georgia, serif;
	font-size: 16px;
	font-weight: 600;
	color: var(--text, #1f160f);
	margin: 0 0 6px;
	letter-spacing: -0.005em;
}
.vcs-seo-spec p {
	font-size: 14px;
	line-height: 1.6;
	color: #101010;
	margin: 0;
}

.vcs-seo-coverage {
	background: linear-gradient(135deg, #fffaf2 0%, #f4ead6 100%);
}
.vcs-seo-coverage-lead {
	font-size: 14px;
	line-height: 1.65;
	color: rgba(31,22,15,0.7);
	margin: 0 0 18px;
}
.vcs-seo-zones {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.vcs-seo-zone-pill {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 14px;
	background: rgba(255,255,255,0.85);
	border: 1px solid rgba(201,169,110,0.32);
	border-radius: 999px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.02em;
	color: var(--accent, #5f241a);
	transition: all 0.25s ease;
}
.vcs-seo-zone-pill::before {
	content: '📍';
	font-size: 11px;
}
.vcs-seo-zone-pill:hover {
	background: var(--accent, #5f241a);
	color: #fff;
	border-color: var(--accent, #5f241a);
	transform: translateY(-1px);
}
.vcs-seo-zone-pill:hover::before { filter: grayscale(1) brightness(2); }

.vcs-seo-brands {
	background: linear-gradient(135deg, #1a120b 0%, #2d1a0c 100%);
	border-radius: 16px;
	padding: 24px 30px;
	margin-bottom: 22px;
	text-align: center;
	position: relative;
	overflow: hidden;
}
.vcs-seo-brands::before {
	content: '';
	position: absolute;
	inset: 0;
	background: radial-gradient(ellipse 60% 80% at 50% 0%, rgba(201,169,110,0.15), transparent 70%);
	pointer-events: none;
}
.vcs-seo-brands-label {
	display: inline-block;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: var(--accent2, #c9a96e);
	margin-bottom: 10px;
	position: relative;
	z-index: 1;
}
.vcs-seo-brands p {
	font-family: 'Inter', Georgia, serif;
	font-size: 16px;
	color: rgba(245,237,227,0.92);
	margin: 0;
	letter-spacing: 0.02em;
	line-height: 1.6;
	position: relative;
	z-index: 1;
}

.vcs-seo-faqs {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.vcs-seo-faq {
	background: linear-gradient(180deg, #ffffff 0%, #fffaf2 100%);
	border: 1px solid rgba(95,36,26,0.10);
	border-radius: 14px;
	overflow: hidden;
	transition: box-shadow 0.3s ease, border-color 0.3s ease;
}
.vcs-seo-faq[open] {
	border-color: rgba(201,169,110,0.45);
	box-shadow: 0 10px 28px rgba(57,31,10,0.08);
}
.vcs-seo-faq summary {
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 18px 22px;
	cursor: pointer;
	user-select: none;
}
.vcs-seo-faq summary::-webkit-details-marker { display: none; }
.vcs-seo-q {
	font-family: 'Inter', Georgia, serif;
	font-size: 15.5px;
	font-weight: 600;
	color: var(--text, #1f160f);
	line-height: 1.4;
	flex: 1;
	letter-spacing: -0.005em;
}
.vcs-seo-plus {
	flex-shrink: 0;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: linear-gradient(135deg, var(--accent2, #c9a96e), #a07a3f);
	color: var(--accent, #5f241a);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	font-weight: 300;
	line-height: 1;
	transition: transform 0.35s cubic-bezier(0.5, 1.6, 0.4, 1);
	box-shadow: 0 4px 12px rgba(201,169,110,0.3);
}
.vcs-seo-faq[open] .vcs-seo-plus {
	transform: rotate(45deg);
}
.vcs-seo-faq p {
	padding: 0 22px 20px;
	font-size: 14px;
	line-height: 1.75;
	color: rgba(31,22,15,0.68);
	margin: 0;
	border-top: 1px solid rgba(95,36,26,0.06);
	padding-top: 14px;
	margin-top: -4px;
}

@media (max-width: 760px) {
	.vcs-seo-stats { grid-template-columns: repeat(2, 1fr); gap: 10px; }
	.vcs-seo-spec-grid { grid-template-columns: 1fr; }
	.vcs-seo-block { padding: 22px 18px; border-radius: 16px; }
	.vcs-seo-intro { padding: 22px 20px; }
	.vcs-seo-h3 { font-size: 19px; }
	.vcs-seo-q { font-size: 14px; }
	.vcs-seo-stat-num { font-size: 26px; }
	.vcs-seo-stat-lbl { font-size: 9.5px; }
	.vcs-seo-brands { padding: 20px 22px; }
	.vcs-seo-brands p { font-size: 14px; }
}