/* 03A. ENHANCED SERVICE-PAGE COMPONENTS */
.snx-service-page{--snx-sticky-offset:0px}
.snx-service-page--car-ac{
  --snx-hero-image:url('https://snsauto.ae/wp-content/uploads/2026/07/aud-repair-and-service-dubai-17.webp')
}
.snx-service-page [id]{scroll-margin-top:calc(var(--snx-sticky-offset) + 92px)}

.snx-hero-facts{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.snx-hero-fact{
  display:inline-flex;align-items:center;gap:8px;padding:9px 12px;
  border:1px solid rgba(255,255,255,.13);border-radius:999px;
  background:rgba(255,255,255,.05);color:rgba(255,255,255,.78);
  font-size:10px;font-weight:850;line-height:1.3
}
.snx-hero-fact:before{
  content:"";width:7px;height:7px;flex:0 0 7px;border-radius:50%;
  background:var(--snx-gold);box-shadow:0 0 0 4px rgba(208,162,117,.12)
}

.snx-booking-details{display:grid;gap:10px;margin:18px 0 0;padding:0;list-style:none;counter-reset:snx-booking}
.snx-booking-details li{
  position:relative;padding:13px 14px 13px 50px;border:1px solid rgba(255,255,255,.1);
  border-radius:13px;background:rgba(255,255,255,.05);color:#fff;
  font-size:12px;font-weight:800;line-height:1.5;counter-increment:snx-booking
}
.snx-booking-details li:before{
  content:counter(snx-booking);position:absolute;left:13px;top:11px;
  width:26px;height:26px;border-radius:9px;display:grid;place-items:center;
  background:var(--snx-gold);color:var(--snx-ink);font-size:10px;font-weight:950
}
.snx-hero-card-action{width:100%;margin-top:15px;border-radius:13px}

.snx-anchor-nav{
  position:sticky;top:var(--snx-sticky-offset);z-index:30;border-bottom:1px solid var(--snx-border);
  background:rgba(255,255,255,.94);backdrop-filter:blur(16px)
}
.snx-anchor-links{
  display:flex;align-items:center;gap:6px;padding:11px 0;overflow-x:auto;
  scrollbar-width:none;overscroll-behavior-inline:contain
}
.snx-anchor-links::-webkit-scrollbar{display:none}
.snx-anchor-links a{
  flex:0 0 auto;padding:10px 14px;border-radius:999px;color:#565157;
  font-size:10px;font-weight:900;letter-spacing:.45px;text-transform:uppercase;
  transition:background .25s ease,color .25s ease,transform .25s ease
}
.snx-anchor-links a:hover{transform:translateY(-2px);background:var(--snx-ink);color:#fff}
.snx-anchor-links a:last-child{margin-left:auto;background:var(--snx-gold);color:var(--snx-ink)}

.snx-snapshot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.snx-snapshot-card{
  min-height:155px;padding:22px;border:1px solid var(--snx-border);
  border-radius:var(--snx-radius-md);background:#fff
}
.snx-snapshot-card small{
  display:block;margin-bottom:12px;color:var(--snx-gold-dark);
  font-size:9px;font-weight:950;letter-spacing:1.2px;text-transform:uppercase
}
.snx-snapshot-card strong{display:block;color:var(--snx-ink);font-size:17px;line-height:1.3}
.snx-snapshot-card p{margin:9px 0 0;color:var(--snx-copy);font-size:11px;line-height:1.65}

.snx-alert{
  display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start;
  margin-top:32px;padding:22px;border:1px solid #e6c9ad;border-radius:var(--snx-radius-md);
  background:#fff7ef;color:var(--snx-ink)
}
.snx-alert-icon{
  width:42px;height:42px;border-radius:13px;display:grid;place-items:center;
  background:var(--snx-gold);font-size:18px;font-weight:950
}
.snx-alert h3{margin:0;font-size:17px}
.snx-alert p{margin:8px 0 0;color:#645b54;font-size:12px;line-height:1.7}

.snx-diagnostic-table-wrap{
  overflow-x:auto;border:1px solid rgba(255,255,255,.12);
  border-radius:var(--snx-radius-md);background:var(--snx-panel)
}
.snx-diagnostic-table{width:100%;min-width:720px;border-collapse:collapse}
.snx-diagnostic-table th,
.snx-diagnostic-table td{padding:19px 21px;border-bottom:1px solid rgba(255,255,255,.09);text-align:left;vertical-align:top}
.snx-diagnostic-table tr:last-child td{border-bottom:0}
.snx-diagnostic-table th{
  background:rgba(208,162,117,.13);color:var(--snx-gold);
  font-size:9px;font-weight:950;letter-spacing:1.2px;text-transform:uppercase
}
.snx-diagnostic-table td{color:rgba(255,255,255,.72);font-size:12px;line-height:1.65}
.snx-diagnostic-table td:first-child{color:#fff;font-weight:900}

.snx-cost-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;align-items:stretch}
.snx-cost-panel{
  padding:30px;border:1px solid var(--snx-border);
  border-radius:var(--snx-radius-lg);background:#fff
}
.snx-cost-panel--dark{border-color:var(--snx-ink);background:var(--snx-ink);color:#fff}
.snx-cost-panel h3{margin:0;font-size:26px;line-height:1.15}
.snx-cost-panel>p{margin:13px 0 0;color:var(--snx-copy);font-size:12px;line-height:1.75}
.snx-cost-panel--dark>p{color:rgba(255,255,255,.65)}
.snx-factor-list{display:grid;gap:12px;margin:24px 0 0;padding:0;list-style:none}
.snx-factor-list li{
  display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;
  padding-top:12px;border-top:1px solid var(--snx-border);
  color:#4f4a4f;font-size:12px;line-height:1.65
}
.snx-factor-list li:first-child{padding-top:0;border-top:0}
.snx-factor-list b{color:var(--snx-gold-dark)}
.snx-parts-options{display:grid;gap:11px;margin-top:24px}
.snx-parts-option{
  padding:17px;border:1px solid rgba(255,255,255,.11);border-radius:15px;
  background:rgba(255,255,255,.05)
}
.snx-parts-option strong{display:block;color:#fff;font-size:14px}
.snx-parts-option span{display:block;margin-top:6px;color:rgba(255,255,255,.62);font-size:11px;line-height:1.6}
.snx-cost-note{margin-top:16px!important;color:var(--snx-gold-2)!important;font-size:10px!important}

.snx-process-grid.snx-process-grid--five{grid-template-columns:repeat(5,1fr);gap:18px}
.snx-process-grid.snx-process-grid--five:before{left:8%;right:8%}

.snx-brand-chip-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px}
.snx-brand-chip{
  min-height:64px;padding:12px;border:1px solid rgba(255,255,255,.12);
  border-radius:15px;display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.05);color:#fff;text-align:center;
  font-size:11px;font-weight:900;transition:transform .3s ease,border-color .3s ease,background .3s ease
}
.snx-brand-chip:hover{transform:translateY(-4px);border-color:var(--snx-gold);background:rgba(208,162,117,.11)}

.snx-expert-note{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:22px;
  padding:13px 15px;border-left:3px solid var(--snx-gold);background:var(--snx-paper);
  color:#5d585d;font-size:10px;line-height:1.55
}
.snx-expert-note strong{color:var(--snx-ink)}

.snx-proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:stretch}
.snx-review-proof{
  position:relative;padding:32px;border-radius:var(--snx-radius-lg);
  background:var(--snx-ink);color:#fff;overflow:hidden
}
.snx-review-proof:before{
  content:"“";position:absolute;right:24px;top:5px;color:rgba(208,162,117,.16);
  font-size:150px;line-height:1;font-family:Georgia,serif
}
.snx-review-proof-label{
  position:relative;display:inline-block;color:var(--snx-gold);
  font-size:9px;font-weight:950;letter-spacing:1.3px;text-transform:uppercase
}
.snx-review-proof blockquote{position:relative;margin:28px 0 24px;color:#fff;font-size:22px;line-height:1.48;font-weight:750}
.snx-review-proof footer{position:relative;color:rgba(255,255,255,.65);font-size:11px;line-height:1.6}
.snx-review-proof a{position:relative;display:inline-block;margin-top:22px;color:var(--snx-gold-2);font-size:11px;font-weight:900}
.snx-workshop-proof{display:grid;grid-template-rows:auto 1fr;border:1px solid var(--snx-border);border-radius:var(--snx-radius-lg);overflow:hidden;background:#fff}
.snx-workshop-proof figure{border-radius:0;box-shadow:none}
.snx-workshop-proof-copy{padding:24px}
.snx-workshop-proof-copy h3{margin:0;font-size:21px}
.snx-workshop-proof-copy p{margin:10px 0 0;color:var(--snx-copy);font-size:12px;line-height:1.7}

.snx-local-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}

@media(max-width:960px){
  .snx-snapshot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .snx-cost-grid,.snx-proof-grid{grid-template-columns:1fr}
  .snx-process-grid--five{grid-template-columns:repeat(2,1fr)}
  .snx-process-grid.snx-process-grid--five:before{display:none}
  .snx-brand-chip-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}

@media(max-width:767px){
  .snx-anchor-links a{padding:9px 11px;font-size:9px}
  .snx-anchor-links a:last-child{margin-left:0}
  .snx-snapshot-grid{grid-template-columns:1fr}
  .snx-alert{grid-template-columns:1fr}
  .snx-cost-panel{padding:24px}
  .snx-process-grid--five{grid-template-columns:1fr}
  .snx-brand-chip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .snx-review-proof{padding:26px}
  .snx-review-proof blockquote{font-size:19px}
}