*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    :root { --ink:#0A0A0A; --ink-2:#1A1A1A; --ink-muted:#6B6B6B; --ink-faint:#ABABAB; --paper:#F5F4F0; --paper-2:#ECEAE4; --white:#FFFFFF; --blue:#1557FF; --blue-light:#EEF2FF; --radius-sm:8px; --radius-md:12px; --radius-lg:18px; --radius-xl:22px; --font-display:'Bricolage Grotesque',sans-serif; --font-body:'DM Sans',sans-serif; --ease-out:cubic-bezier(0.16,1,0.3,1); }
    html { scroll-behavior:smooth; -webkit-text-size-adjust:100%; }
    body { font-family:var(--font-body); background:var(--paper); color:var(--ink); line-height:1.6; font-size:16px; overflow-x:hidden; }
    .wrap { max-width:1100px; margin:0 auto; padding:0 20px; }
    @media(min-width:768px){ .wrap { padding:0 36px; } }
    @media(min-width:1100px){ .wrap { padding:0 48px; } }
    nav.site-nav { position:fixed; top:0; left:0; right:0; z-index:100; padding:14px 0; transition:background 0.3s var(--ease-out),box-shadow 0.3s; }
    nav.site-nav.scrolled { background:rgba(245,244,240,0.92); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); box-shadow:0 1px 0 rgba(0,0,0,0.08); }
    .nav-inner { display:flex; align-items:center; justify-content:space-between; gap:16px; }
    .nav-logo { font-family:var(--font-display); font-weight:800; font-size:22px; color:var(--ink); text-decoration:none; letter-spacing:-0.03em; }
    .nav-logo span { color:var(--blue); }
    .nav-links { display:none; list-style:none; align-items:center; gap:32px; }
    @media(min-width:768px){ .nav-links { display:flex; } }
    .nav-links a { font-size:14px; font-weight:500; color:var(--ink-muted); text-decoration:none; transition:color 0.2s; }
    .nav-links a:hover { color:var(--ink); }
    .nav-cta { display:none; }
    @media(min-width:768px){ .nav-cta { display:inline-flex; } }
    .btn { display:inline-flex; align-items:center; gap:8px; font-family:var(--font-body); font-weight:600; font-size:14px; padding:13px 24px; border-radius:10px; text-decoration:none; border:none; cursor:pointer; transition:transform 160ms cubic-bezier(0.23,1,0.32,1),background-color 140ms ease,color 140ms ease,box-shadow 140ms ease; white-space:nowrap; }
    .btn-primary { background:var(--blue); color:var(--white); } a.nav-cta.btn-primary, .nav-cta.btn-primary { color:var(--white) !important; }
    .btn-primary:hover { background:#0A3DC2; transform:translateY(-1px); }
    /* ── GLOBAL: btn-primary always white text ── */
    .btn-primary,
    a.btn-primary,
    .nav-cta.btn-primary,
    .drawer-cta .btn-primary { color: #ffffff !important; }
    .btn:active { transform:scale(0.97); transition-duration:100ms; }

    .btn-wa { background:#25D366; color:var(--white); }
    .btn-wa:hover { background:#1EB858; }
    .btn-lg { font-size:16px; padding:16px 32px; }
    .hamburger { display:flex; flex-direction:column; gap:5px; background:none; border:none; cursor:pointer; padding:4px; }
    @media(min-width:768px){ .hamburger { display:none; } }
    .ham-line { width:24px; height:2px; background:var(--ink); border-radius:2px; transition:top 220ms cubic-bezier(0.23,1,0.32,1),transform 220ms cubic-bezier(0.23,1,0.32,1),opacity 180ms ease; transform-origin:center; }
    .hamburger.open .ham-line:nth-child(1) { transform:translateY(7px) rotate(45deg); }
    .hamburger.open .ham-line:nth-child(2) { opacity:0; transform:scaleX(0); }
    .hamburger.open .ham-line:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }
    .mobile-drawer { position:fixed; inset:0; z-index:99; background:var(--paper); display:flex; flex-direction:column; padding:100px 24px 40px; transform:translateX(100%); transition:transform 300ms cubic-bezier(0.32,0.72,0,1); }
    .mobile-drawer.open { transform:translateX(0); }
    .mobile-drawer a { font-family:var(--font-display); font-weight:700; font-size:32px; color:var(--ink); text-decoration:none; padding:14px 0; border-bottom:1px solid var(--paper-2); display:flex; align-items:center; justify-content:space-between; letter-spacing:-0.02em; transition:opacity 160ms ease; }
    .mobile-drawer a:active { opacity:0.65; }
    .drawer-cta { margin-top:32px; display:flex; flex-direction:column; gap:12px; }
    .drawer-cta .btn { justify-content:center; font-size:16px; padding:16px; }

    /* PAGE */
    .page-header { padding:110px 0 48px; background:var(--white); border-bottom:1px solid rgba(0,0,0,0.06); }
    @media(min-width:768px){ .page-header { padding:130px 0 64px; } }
    .breadcrumb { display:flex; align-items:center; gap:8px; font-size:13px; color:var(--ink-muted); margin-bottom:24px; }
    .breadcrumb a { color:var(--ink-muted); text-decoration:none; }
    .breadcrumb a:hover { color:var(--ink); }
    .page-badge { display:inline-flex; align-items:center; gap:8px; background:var(--blue-light); color:var(--blue); border-radius:100px; padding:5px 14px; font-size:12px; font-weight:600; letter-spacing:0.04em; text-transform:uppercase; margin-bottom:16px; }
    .page-title { font-family:var(--font-display); font-weight:800; font-size:clamp(30px,5vw,48px); letter-spacing:-0.03em; line-height:1.05; margin-bottom:12px; }
    .page-sub { font-size:15px; color:var(--ink-muted); line-height:1.7; max-width:520px; }

    /* PROSE */
    .prose-layout { display:grid; gap:32px; padding:56px 0 80px; align-items:start; }
    @media(min-width:900px){ .prose-layout { grid-template-columns:200px 1fr; gap:64px; } }
    .prose-toc { position:sticky; top:88px; }
    .toc-label { font-size:11px; font-weight:600; text-transform:uppercase; letter-spacing:0.08em; color:var(--ink-faint); margin-bottom:12px; }
    .toc-link { display:block; font-size:13px; color:var(--ink-muted); text-decoration:none; padding:6px 0; border-left:2px solid transparent; padding-left:12px; transition:transform 200ms cubic-bezier(0.23,1,0.32,1),opacity 180ms ease,background-color 140ms ease,color 140ms ease; }
    .toc-link:hover { color:var(--ink); border-left-color:var(--blue); }
    @media(max-width:899px){ .prose-toc { display:none; } }
    .prose-body { background:var(--white); border-radius:var(--radius-xl); padding:40px 32px; border:1px solid rgba(0,0,0,0.06); }
    @media(min-width:600px){ .prose-body { padding:48px 48px; } }
    .prose-section { padding-bottom:36px; margin-bottom:36px; border-bottom:1px solid rgba(0,0,0,0.07); }
    .prose-section:last-child { border-bottom:none; padding-bottom:0; margin-bottom:0; }
    .prose-section h2 { font-family:var(--font-display); font-weight:700; font-size:20px; letter-spacing:-0.02em; margin-bottom:12px; color:var(--ink); }
    .prose-section p { font-size:15px; color:var(--ink-muted); line-height:1.8; }
    .prose-section a { color:var(--blue); font-weight:600; text-decoration:none; }
    .prose-section a:hover { text-decoration:underline; }

    footer { background:var(--ink); color:var(--white); padding:64px 0 32px; }
    .footer-grid { display:grid; gap:40px; margin-bottom:48px; }
    @media(min-width:640px){ .footer-grid { grid-template-columns:1fr 1fr; } }
    @media(min-width:900px){ .footer-grid { grid-template-columns:1.4fr 1fr 1fr 1fr; gap:48px; } }
    .footer-brand h2 { font-family:var(--font-display); font-weight:800; font-size:26px; letter-spacing:-0.03em; margin-bottom:12px; }
    .footer-brand h2 span { color:var(--blue); }
    .footer-brand p { font-size:14px; color:rgba(255,255,255,0.5); line-height:1.65; max-width:260px; }
    .footer-col :is(h3,h4) { font-weight:600; font-size:13px; color:rgba(255,255,255,0.4); text-transform:uppercase; letter-spacing:0.06em; margin-bottom:16px; }
    .footer-col a,.footer-col p { display:block; font-size:14px; color:rgba(255,255,255,0.65); text-decoration:none; margin-bottom:10px; transition:color 0.2s; }
    .footer-col a:hover { color:var(--white); }
    .footer-bottom { border-top:1px solid rgba(255,255,255,0.08); padding-top:24px; display:flex; flex-direction:column; gap:8px; font-size:13px; color:rgba(255,255,255,0.35); }
    @media(min-width:640px){ .footer-bottom { flex-direction:row; justify-content:space-between; align-items:center; } }
    .footer-bottom a { color:rgba(255,255,255,0.45); text-decoration:none; }
    .fab-wrap { position:fixed; bottom:20px; right:20px; z-index:200; display:flex; flex-direction:column; align-items:flex-end; gap:10px; }
    .fab-items { display:flex; flex-direction:column; align-items:flex-end; gap:10px; transition:opacity 180ms cubic-bezier(0.23,1,0.32,1),transform 180ms cubic-bezier(0.23,1,0.32,1); opacity:0; transform:scale(0.85) translateY(12px); pointer-events:none; }
    .fab-items.open { opacity:1; transform:scale(1) translateY(0); pointer-events:all; }
    .fab-item { display:flex; align-items:center; gap:10px; background:var(--white); border-radius:100px; padding:10px 18px 10px 12px; font-size:13px; font-weight:600; color:var(--ink); text-decoration:none; box-shadow:0 8px 24px rgba(0,0,0,0.14); transition:transform 140ms cubic-bezier(0.23,1,0.32,1),box-shadow 140ms ease; white-space:nowrap; }
    .fab-item:hover { transform:translateX(-4px); }
    .fab-icon { width:28px; height:28px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:16px; }
    .fab-btn { width:52px; height:52px; border-radius:50%; background:var(--ink); color:var(--white); border:none; cursor:pointer; display:flex; align-items:center; justify-content:center; box-shadow:0 8px 24px rgba(0,0,0,0.2); font-size:22px; line-height:1; transition:transform 160ms cubic-bezier(0.23,1,0.32,1),background-color 160ms ease,box-shadow 160ms ease; }
    .fab-plus { transition:transform 300ms cubic-bezier(0.32,0.72,0,1); display:inline-block; }
    .fab-btn.open .fab-plus { transform:rotate(45deg); }
    .fade-up { opacity:0; transform:translateY(24px); transition:opacity 0.6s var(--ease-out),transform 0.6s var(--ease-out); }
    .fade-up.visible { opacity:1; transform:translateY(0); }
    
  

/* ================================================================
   SOLVERTRIX — MOBILE OVERRIDES  (max-width: 767px only)
   Desktop is completely untouched.
   ================================================================ */

/* ── STICKY BAR — hidden by default (shown only at ≤767px below) ── */
.sticky-mobile-cta { display: none; }

@media (max-width: 767px) {

  /* ─── NAV ─────────────────────────────── */
  nav.site-nav {
    padding: 10px 0;
  }

  /* ─── MOBILE DRAWER ───────────────────── */
  .mobile-drawer {
    padding: 76px 20px 32px;
  }
  .mobile-drawer a {
    font-size: 21px;
    padding: 12px 0;
    letter-spacing: -0.01em;
  }
  .drawer-cta {
    margin-top: 20px;
    gap: 10px;
  }
  .drawer-cta .btn {
    font-size: 15px;
    padding: 14px;
  }

  /* ─── HERO ────────────────────────────── */
  .hero {
    padding: 74px 0 32px;
    min-height: unset;
    align-items: flex-start;
  }
  .hero-inner {
    gap: 24px;
  }
  .hero-pill {
    font-size: 11px;
    padding: 5px 12px 5px 8px;
    margin-bottom: 12px;
  }
  .hero-title {
    font-size: clamp(27px, 9vw, 40px);
    line-height: 1.08;
    margin-bottom: 12px;
  }
  .hero-sub {
    font-size: 15px;
    line-height: 1.58;
    margin-bottom: 20px;
    max-width: 100%;
  }
  .hero-actions {
    gap: 10px;
    margin-bottom: 20px;
  }
  .hero-actions .btn {
    flex: 1;
    justify-content: center;
    min-width: 0;
    font-size: 14px;
    padding: 13px 14px;
  }
  .hero-trust {
    gap: 12px;
    flex-wrap: wrap;
  }
  .trust-item {
    font-size: 12px;
  }
  .hero-visual {
    margin-top: 0;
  }
  .hero-img-wrap,
  .hero-img-placeholder {
    border-radius: 16px;
    aspect-ratio: 16/9;
  }

  /* ─── TRUST MICRO-PROOF BAR ───────────── */
  .trust-micro-bar {
    padding: 28px 0;
    background: transparent;
    margin: 4px 0;
  }
  .trust-micro-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }
  .trust-micro-item {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    background: var(--white);
    border-radius: 10px;
    font-size: 12px;
    font-weight: 500;
  }
  .trust-micro-check {
    color: var(--green);
    font-weight: 700;
  }

  /* ─── SECTIONS ────────────────────────── */
  .section {
    padding: 48px 0;
  }
  .section-label {
    font-size: 11px;
    padding: 4px 12px;
    margin-bottom: 10px;
  }
  .section-title {
    font-size: clamp(21px, 6.5vw, 28px);
    margin-bottom: 10px;
  }
  .section-sub {
    font-size: 14px;
    line-height: 1.65;
  }

  /* ─── TRUST GRID (full section) ─────── */
  .trust-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    margin-top: 28px;
  }
  .trust-item {
    background: var(--white);
    border-radius: 14px;
    padding: 16px;
    border: 1px solid rgba(0,0,0,0.05);
  }
  .trust-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: #E8F5E9;
    color: var(--green);
    border-radius: 8px;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
  }
  .trust-item h3 {
    font-size: 15px;
    margin-bottom: 6px;
    font-weight: 600;
  }
  .trust-item p {
    font-size: 13px;
    line-height: 1.55;
    color: var(--ink-muted);
  }

  /* ─── SERVICES GRID ───────────────────── */
  .services-grid {
    gap: 10px;
    margin-top: 24px;
  }
  .service-card {
    padding: 18px 18px 14px;
    border-radius: 16px;
  }
  .service-icon {
    width: 40px;
    height: 40px;
    font-size: 20px;
    margin-bottom: 10px;
    border-radius: 8px;
  }
  .service-card h3 {
    font-size: 16px;
    margin-bottom: 6px;
  }
  .service-card p {
    font-size: 13px;
    line-height: 1.5;
    margin-bottom: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  /* ─── SERVICES PAGE CARDS ─────────────── */
  .svc-card {
    padding: 18px 18px 14px;
    border-radius: 16px;
  }
  .svc-icon {
    font-size: 26px;
    margin-bottom: 10px;
  }
  .svc-card h2 {
    font-size: 16px;
    margin-bottom: 6px;
  }
  .svc-card p {
    font-size: 13px;
    line-height: 1.5;
    margin-bottom: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  /* ─── WHY SECTION ─────────────────────── */
  .why-section {
    padding: 36px 20px;
    margin: 0 16px;
    border-radius: 20px;
  }
  .why-grid {
    gap: 28px;
  }
  .why-right .why-img {
    display: none;
  }
  .why-stats {
    gap: 8px;
  }
  .stat-box {
    padding: 12px 8px;
    border-radius: 12px;
  }
  .stat-num {
    font-size: 22px;
    margin-bottom: 2px;
  }
  .stat-label {
    font-size: 10px;
  }
  .features-list {
    gap: 8px;
    grid-template-columns: 1fr 1fr;
  }
  .feature-item {
    padding: 13px;
    border-radius: 12px;
  }
  .feature-item :is(h3,h4) {
    font-size: 13px;
    margin-bottom: 3px;
  }
  .feature-item p {
    font-size: 12px;
    line-height: 1.5;
  }

  /* ─── PROCESS STEPS ───────────────────── */
  .process-steps {
    margin-top: 24px;
    gap: 8px;
  }
  .process-step {
    padding: 18px 16px;
    border-radius: 16px;
    display: flex;
    align-items: flex-start;
    gap: 14px;
  }
  .step-num {
    font-size: 26px;
    margin-bottom: 0;
    flex-shrink: 0;
    line-height: 1.1;
  }
  .process-step :is(h3,h4) {
    font-size: 15px;
    margin-bottom: 4px;
  }
  .process-step p {
    font-size: 12px;
    line-height: 1.55;
  }

  /* ─── CTA BAND ────────────────────────── */
  .cta-band {
    padding: 36px 20px;
    margin: 0 16px;
    border-radius: 20px;
  }
  .cta-band h2 {
    font-size: clamp(19px, 5.5vw, 26px);
    margin-bottom: 10px;
  }
  .cta-band p {
    font-size: 14px;
    margin-bottom: 20px;
  }
  .cta-actions {
    flex-direction: column;
    gap: 10px;
  }
  .cta-actions .btn {
    width: 100%;
    justify-content: center;
    font-size: 15px;
    padding: 14px 20px;
  }

  /* ─── PAGE HEADER (interior pages) ───── */
  .page-header {
    padding: 76px 0 28px;
  }
  .page-title {
    font-size: clamp(23px, 7vw, 32px);
    line-height: 1.1;
    margin-bottom: 10px;
  }
  .page-sub {
    font-size: 14px;
    line-height: 1.65;
  }
  .page-badge {
    font-size: 10px;
    padding: 4px 10px;
    margin-bottom: 10px;
  }
  .header-actions {
    flex-direction: column;
    gap: 8px;
  }
  .header-actions .btn {
    width: 100%;
    justify-content: center;
  }
  .breadcrumb {
    font-size: 12px;
    margin-bottom: 14px;
  }

  /* ─── TRUST SECTION (services page) ──── */
  .trust-section {
    padding: 36px 20px;
    margin: 0 16px;
    border-radius: 20px;
  }
  .trust-grid-services {
    gap: 8px;
  }
  .trust-card {
    padding: 14px;
    border-radius: 12px;
  }
  .trust-card .t-icon {
    font-size: 22px;
    margin-bottom: 8px;
  }
  .trust-card h3 {
    font-size: 14px;
    margin-bottom: 4px;
  }
  .trust-card p {
    font-size: 12px;
    line-height: 1.5;
  }

  /* ─── FAQ PAGE ────────────────────────── */
  .faq-sidebar {
    display: none;
  }
  .faq-layout {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .faq-group {
    margin-bottom: 24px;
  }
  .faq-group-label {
    font-size: 10px;
    margin-bottom: 10px;
    padding-bottom: 8px;
  }
  .faq-item {
    border-radius: 12px;
    margin-bottom: 6px;
  }
  .faq-item.faq-hidden {
    display: none;
  }
  .faq-question {
    padding: 14px 14px;
    gap: 10px;
  }
  .faq-q-text {
    font-size: 14px;
    line-height: 1.35;
  }
  .faq-chevron {
    width: 26px;
    height: 26px;
    flex-shrink: 0;
  }
  .faq-answer {
    padding: 0 14px;
  }
  .faq-answer.open {
    padding: 0 14px 14px;
  }
  .faq-answer p {
    font-size: 13px;
    line-height: 1.65;
  }
  
  /* Show more button per category */
  .faq-show-more-category {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    gap: 8px;
    background: var(--white);
    border: 1.5px solid rgba(0,0,0,0.1);
    border-radius: 100px;
    padding: 13px 24px;
    font-family: var(--font-body);
    font-size: 14px;
    font-weight: 600;
    color: var(--ink);
    cursor: pointer;
    margin: 12px 0 20px;
    transition: border-color 0.2s, background 0.2s;
  }
  .faq-show-more-category:hover {
    border-color: var(--ink);
    background: var(--paper);
  }

  /* ─── BOOK REPAIR ─────────────────────── */
  .booking-layout {
    gap: 24px;
  }
  .form-card,
  .booking-form-wrap {
    padding: 22px 16px;
    border-radius: 18px;
  }
  .form-section {
    margin-bottom: 18px;
  }
  .form-section-title {
    font-size: 12px;
    margin-bottom: 12px;
  }
  .device-grid {
    gap: 8px;
  }
  .device-label {
    padding: 11px 8px;
    border-radius: 12px;
    font-size: 12px;
  }
  .device-icon {
    font-size: 20px;
    margin-bottom: 5px;
  }
  .form-row {
    gap: 10px;
  }
  .form-group label {
    font-size: 12px;
    margin-bottom: 4px;
  }
  .form-group input,
  .form-group select,
  .form-group textarea {
    font-size: 16px;  /* prevents iOS auto-zoom */
    padding: 11px 13px;
    border-radius: 10px;
  }
  .booking-sidebar {
    order: -1;
  }
  .trust-box {
    padding: 18px 16px;
    border-radius: 16px;
  }
  .trust-point {
    padding: 11px;
    gap: 10px;
    border-radius: 10px;
  }
  .trust-point :is(h3,h4) {
    font-size: 13px;
  }
  .trust-point p {
    font-size: 12px;
  }
  .wa-direct {
    padding: 18px 16px;
    border-radius: 14px;
    margin-top: 12px;
  }
  .wa-direct :is(h3,h4) {
    font-size: 15px;
  }
  .wa-direct p {
    font-size: 13px;
    margin-bottom: 12px;
  }

  /* ─── HOW IT WORKS PAGE ───────────────── */
  .step-content {
    padding: 18px 20px;
    border-radius: 14px;
    margin-left: 64px;
  }
  .step-content h2 {
    font-size: 16px;
    margin-bottom: 6px;
  }
  .step-content p {
    font-size: 13px;
    line-height: 1.6;
  }
  .promise-section {
    padding: 36px 20px;
    margin: 0 16px;
    border-radius: 20px;
  }

  /* ─── CONTACT PAGE ────────────────────── */
  .contact-cards {
    gap: 10px;
  }
  .contact-card {
    padding: 18px 16px;
    border-radius: 16px;
  }
  .contact-method {
    padding: 13px 14px;
    gap: 10px;
    border-radius: 10px;
  }

  /* ─── FOOTER ──────────────────────────── */
  footer {
    padding: 40px 0 90px;
    margin-top: 48px;
  }
  .footer-grid {
    gap: 24px;
    margin-bottom: 28px;
  }
  .footer-brand h2 {
    font-size: 22px;
  }
  .footer-brand p {
    font-size: 13px;
  }
  .footer-col :is(h3,h4) {
    font-size: 11px;
    margin-bottom: 10px;
  }
  .footer-col a,
  .footer-col p {
    font-size: 13px;
    margin-bottom: 8px;
  }

  /* ─── FAB — replaced by sticky bar ───── */
  .fab-wrap {
    display: none;
  }

  /* ─── STICKY MOBILE CTA BAR ───────────── */
  .sticky-mobile-cta {
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 200;
    background: rgba(245,244,240,0.95);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border-top: 1px solid rgba(0,0,0,0.09);
    padding: 10px 14px calc(10px + env(safe-area-inset-bottom));
    gap: 8px;
    align-items: center;
  }
  .sticky-mobile-cta a {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border-radius: 100px;
    font-family: var(--font-body);
    font-weight: 600;
    font-size: 13px;
    text-decoration: none;
    padding: 12px 10px;
    transition: transform 0.15s, box-shadow 0.15s;
    white-space: nowrap;
    -webkit-tap-highlight-color: transparent;
  }
  .sticky-mobile-cta a:active {
    transform: scale(0.97);
  }
  .sticky-mobile-cta .smc-wa {
    background: #25D366;
    color: #fff;
    box-shadow: 0 4px 14px rgba(37,211,102,0.25);
  }
  .sticky-mobile-cta .smc-book {
    background: var(--ink);
    color: #fff;
    box-shadow: 0 4px 14px rgba(0,0,0,0.18);
  }

  /* ─── ANIMATIONS ──────────────────────── */
  .fade-up {
    transition-duration: 0.5s;
  }

  /* ─── BODY FONT ───────────────────────── */
  body {
    font-size: 15px;
  }
}

/* ─── DESKTOP: Trust micro-bar hidden ───────── */
@media (min-width: 768px) {
  .trust-micro-bar {
    display: none;
  }
  .faq-show-more-category { display: none !important; }
  .faq-item.faq-hidden { display: flex !important; }
}

/* ─── TRUST MICRO-BAR DESKTOP ───────────────── */
@media (min-width: 768px) {
  .trust-micro-bar {
    padding: 40px 0;
    background: var(--blue-light);
    margin: 0;
  }
  .trust-micro-grid {
    display: flex;
    gap: 32px;
    justify-content: center;
  }
  .trust-micro-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0;
    background: transparent;
    border-radius: 0;
    font-size: 14px;
    font-weight: 500;
    color: var(--blue);
  }
  .trust-micro-check {
    color: var(--green);
    font-weight: 700;
  }
}

/* ─── TRUST GRID DESKTOP ─────────────────────– */
@media (min-width: 768px) {
  .trust-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-top: 40px;
  }
  .trust-item {
    background: var(--white);
    border-radius: 16px;
    padding: 28px;
    border: 1px solid rgba(0,0,0,0.06);
  }
  .trust-icon {
    width: 48px;
    height: 48px;
    font-size: 20px;
    margin-bottom: 16px;
  }
  .trust-item h3 {
    font-size: 16px;
    margin-bottom: 12px;
  }
  .trust-item p {
    font-size: 14px;
    line-height: 1.65;
  }
}