body.car-services-page {
  --cs-primary:#920051;
  --cs-primary-dark:#760041;
  --cs-accent:#ad8138;
  --cs-ink:#342b36;
  --cs-muted:#88798b;
  --cs-border:#eadfcf;
  --cs-soft:#fdfbf7;
  --cs-soft-strong:#f7f0e5;
  --cs-purple:#311047;
  --cs-gold:var(--cs-accent);
  background:#fff;
  color:var(--cs-ink)
}
.car-services {
  --cs-purple:#311047;
  --cs-gold:var(--cs-accent);
  max-width:1120px;
  margin:auto;
  padding:12px 22px 115px;
  font-family:'IBM Plex Sans Arabic',sans-serif;
  color:var(--cs-ink);
  line-height:1.6
}
.car-services * {
  box-sizing:border-box
}
.car-services [hidden] {
  display:none!important
}
.car-services button,.car-services select {
  font:inherit
}
.cs-breadcrumb {
  display:flex;
  gap:9px;
  align-items:center;
  font-size:12px;
  color:#8d819e;
  margin-bottom:12px;
  flex-wrap:wrap
}
.cs-breadcrumb a {
  color:inherit
}
.cs-vehicle {
  min-height:250px;
  position:relative;
  overflow:hidden;
  border-radius:12px;
  background:#352039
}
.cs-vehicle-image {
  display:block;
  width:100%;
  height:330px;
  object-fit:cover
}
.cs-vehicle:after {
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(270deg,rgba(36,14,42,.83),transparent 75%);
  pointer-events:none
}
.cs-vehicle-copy {
  position:absolute;
  top:24px;
  right:25px;
  z-index:1;
  color:white;
  max-width:47%
}
.cs-vehicle-copy h1 {
  font-size:28px;
  color:white;
  margin:0 0 6px;
  font-weight:700
}
.cs-vehicle-copy p {
  font-size:14px;
  margin:0
}
.cs-specs {
  position:absolute;
  bottom:20px;
  right:22px;
  z-index:1;
  display:flex;
  gap:10px;
  background:#fff;
  border:1px solid #ede5f1;
  padding:12px;
  border-radius:10px;
  box-shadow:0 4px 20px #35203918;
  max-width:48%;
  text-align:center;
  color:#381948
}
.cs-specs span {
  flex:1;
  min-width:85px;
  display:grid;
  gap:2px
}
.cs-specs i {
  color:var(--cs-gold);
  font-size:21px
}
.cs-specs b {
  font-size:13px
}
.cs-specs small {
  font-size:11px;
  color:#8a7b9c
}
.cs-gallery {
  display:flex;
  gap:7px;
  margin-top:12px;
  direction:ltr
}
.cs-gallery button {
  border:1px solid #e9dfee;
  border-radius:7px;
  padding:3px;
  background:#fff;
  flex:1;
  min-width:0;
  cursor:pointer
}
.cs-gallery button[aria-pressed=true] {
  border-color:var(--cs-purple);
  box-shadow:0 0 0 1px var(--cs-purple)
}
.cs-gallery img {
  width:100%;
  height:90px;
  object-fit:cover;
  border-radius:4px
}
.cs-gallery .cs-all-photos {
  direction:rtl;
  background:#faf7fc;
  color:var(--cs-purple);
  font-size:12px;
  display:grid;
  place-content:center;
  gap:5px
}
.cs-all-photos i {
  font-size:23px
}
.cs-filter {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px 20px;
  margin:20px 0 22px;
  padding:20px;
  border:1px solid #eee7f3;
  border-radius:13px;
  background:linear-gradient(#fff,#fcfaff);
  box-shadow:0 3px 12px #471c630a
}
.cs-service-intro {
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:12px;
  align-items:center;
  margin-top:18px;
  padding:15px 18px;
  border:1px solid var(--cs-border);
  border-right:3px solid var(--cs-accent);
  border-radius:12px;
  background:linear-gradient(135deg,#fff,var(--cs-soft));
}
.cs-service-intro>i {
  color:var(--cs-accent);
  font-size:24px;
}
.cs-service-intro h2 {
  margin:0 0 4px;
  color:var(--cs-purple);
  font-size:18px;
  font-weight:700;
}
.cs-service-intro p {
  margin:2px 0 0;
  color:var(--cs-muted);
  font-size:12px;
  line-height:1.7;
}
.cs-active-filter {
  margin:0 0 10px;
  color:var(--cs-purple);
  font-size:16px;
  font-weight:700;
}
.cs-filter label {
  display:block;
  font-size:13px;
  font-weight:600;
  margin-bottom:7px;
  color:#3a2550
}
.cs-filter label i {
  color:var(--cs-gold);
  margin-left:5px
}
.cs-filter select {
  width:100%;
  height:43px;
  border:1px solid #e8e0ee;
  border-radius:8px;
  background:#fff;
  color:#34204b;
  padding:0 12px;
  cursor:pointer
}
.cs-filter>p {
  grid-column:1/-1;
  margin:0;
  color:#998ba8;
  font-size:11px
}
@media(max-width:479px) {
  .cs-filter { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .cs-filter>div:nth-child(3) { grid-column:1/-1; }
}
@media(min-width:480px) {
  .cs-filter { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
.cs-section-heading {
  display:flex;
  gap:10px;
  align-items:center;
  margin:0 4px 12px;
  color:var(--cs-purple)
}
.cs-section-heading>i {
  font-size:29px;
  transform:rotate(-14deg)
}
.cs-section-heading h2 {
  font-size:21px;
  margin:0;
  font-weight:700;
  color:var(--cs-purple)
}
.cs-section-heading p {
  font-size:12px;
  color:#9383a4;
  margin:0
}
.cs-service-group {
  border:1px solid #eee7f3;
  border-radius:11px;
  margin-bottom:8px;
  padding:0 12px;
  background:#fff
}
.cs-service-group summary {
  display:flex;
  align-items:center;
  gap:10px;
  list-style:none;
  cursor:pointer;
  padding:12px 0;
  color:var(--cs-purple)
}
.cs-service-group summary::-webkit-details-marker,.cs-faq summary::-webkit-details-marker {
  display:none
}
.cs-service-group summary>i:first-child {
  font-size:24px;
  flex-shrink:0
}
.cs-service-group summary span {
  flex:1
}
.cs-service-group h3 {
  font-size:16px;
  color:var(--cs-purple);
  margin:0;
  font-weight:600
}
.cs-service-group summary small {
  color:#9989aa;
  font-size:11px
}
.cs-chevron {
  margin-right:auto
}
.cs-service-group[open] .cs-chevron {
  transform:rotate(180deg);
  color:var(--cs-gold)
}
.cs-rows {
  padding-bottom:9px
}
.cs-service-row {
  position:relative;
  border:1px solid #eee8f3;
  border-radius:8px;
  margin-bottom:7px;
  min-height:69px;
  background:#fff
}
.cs-service-row.is-selected {
  border-color:#b176ac;
  background:linear-gradient(90deg,#fbf6fb,#fdfaff)
}
.cs-service-row label {
  display:flex;
  gap:10px;
  align-items:center;
  margin:0;
  padding:10px 11px 20px;
  cursor:pointer;
  min-height:66px
}
.cs-service-row input {
  accent-color:var(--cs-purple);
  width:19px;
  height:19px;
  flex-shrink:0;
  margin:0
}
.cs-service-row label>span:nth-child(2) {
  flex:1;
  min-width:0
}
.cs-service-row label b {
  font-size:13px;
  line-height:1.6;
  font-weight:600;
  color:#3c2859;
  display:block
}
.cs-service-row label small {
  font-size:11px;
  color:#9383a6;
  display:block;
  font-weight:400
}
.cs-service-row .cs-price {
  min-width:82px;
  text-align:center;
  align-self:flex-start
}
.cs-service-row .cs-price>b {
  color:var(--cs-purple);
  font-size:17px
}
.cs-service-row .cs-price small {
  display:inline;
  font-size:11px;
  color:inherit
}
.cs-service-row>a {
  position:absolute;
  left:13px;
  bottom:5px;
  color:var(--cs-gold);
  font-size:11px
}
.cs-service-row>a i {
  margin-right:6px
}
.cs-note {
  display:flex;
  gap:10px;
  align-items:flex-start;
  background:#fcf8f2;
  padding:12px;
  border-radius:9px;
  margin:13px 0;
  color:var(--cs-gold)
}
.cs-note>i {
  font-size:26px;
  color:var(--cs-purple);
  margin-top:3px
}
.cs-note h3 {
  margin:0;
  color:var(--cs-gold);
  font-size:15px
}
.cs-note p {
  margin:2px 0;
  color:#998caa;
  font-size:11px
}
.cs-faq {
  border:1px solid #eee7f3;
  border-radius:11px;
  padding:14px 12px;
  margin:14px 0;
  text-align:center
}
.cs-faq>h2 {
  font-size:20px;
  font-weight:700;
  color:var(--cs-gold);
  margin:0
}
.cs-faq>p {
  color:#a395af;
  font-size:11px;
  margin:0 0 10px
}
.cs-faq details {
  margin:5px 0;
  text-align:right;
  background:#faf5fa;
  border-radius:5px;
  padding:7px 10px;
  color:var(--cs-purple)
}
.cs-faq summary {
  display:flex;
  justify-content:space-between;
  gap:12px;
  cursor:pointer;
  list-style:none;
  font-size:12px
}
.cs-faq details>p {
  font-size:12px;
  margin:6px 0;
  color:#7b6889
}
.cs-banner {
  min-height:170px;
  border-radius:11px;
  overflow:hidden;
  background:linear-gradient(270deg,#370c40 8%,#471040bd 52%,transparent 100%),url('../../../../../image/cars-landing/final-cta-1280.webp') center/cover;
  display:flex;
  align-items:center;
  padding:20px;
  color:#fff
}
.cs-banner>div {
  max-width:62%
}
.cs-banner h2 {
  font-size:22px;
  color:#fff;
  margin:0 0 5px
}
.cs-banner p {
  font-size:12px;
  margin:0 0 10px
}
.cs-banner a {
  display:inline-flex;
  align-items:center;
  gap:9px;
  border-radius:22px;
  background:#fff;
  color:var(--cs-gold);
  font-size:13px;
  padding:7px 20px
}
.cs-booking-bar {
  position:fixed;
  bottom:12px;
  left:50%;
  transform:translateX(-50%);
  width:min(calc(100% - 22px),1120px);
  display:flex;
  align-items:center;
  gap:18px;
  z-index:9500;
  border:1px solid #f0e7f1;
  background:#fffc;
  border-radius:12px;
  padding:11px;
  box-shadow:0 3px 25px #421b5420;
  backdrop-filter:blur(10px)
}
.cs-open-cart {
  border:1px solid #f0e4f2;
  border-radius:9px;
  background:#faf4fb;
  color:var(--cs-purple);
  padding:9px 16px;
  cursor:pointer
}
.cs-open-cart i {
  margin-right:8px
}
.cs-bar-count {
  font-size:13px;
  white-space:nowrap
}
.cs-bar-count i {
  font-size:22px;
  color:var(--cs-purple);
  margin-left:5px
}
.cs-bar-total {
  display:grid;
  text-align:center;
  border-right:1px solid #e6ddeb;
  padding-right:16px
}
.cs-bar-total small {
  font-size:11px;
  color:#8d7e9f
}
.cs-bar-total b {
  font-size:19px;
  color:var(--cs-purple);
  white-space:nowrap
}
.car-services .cs-continue {
  margin-right:auto;
  background:linear-gradient(90deg,#6c0d60,#550c4b);
  border-radius:25px;
  color:#fff;
  font-size:14px;
  padding:10px 40px;
  white-space:nowrap
}
.cs-continue i {
  margin-right:22px
}
.cs-continue[aria-disabled=true] {
  opacity:.55;
  cursor:not-allowed
}
.cs-empty,.cs-load-error {
  padding:20px;
  border-radius:8px;
  background:#faf5fb;
  color:#7c548b;
  font-size:14px
}
.cs-load-error button {
  border:0;
  background:var(--cs-purple);
  color:#fff;
  border-radius:5px;
  padding:5px 12px
}
.cs-gallery-modal {
  position:fixed;
  inset:0;
  background:#190c24eb;
  z-index:12000;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:15px;
  padding:55px 15px
}
.cs-gallery-modal img {
  max-width:85%;
  max-height:80vh;
  object-fit:contain
}
.cs-gallery-modal button {
  background:#ffffff20;
  color:#fff;
  border:0;
  border-radius:8px;
  cursor:pointer;
  min-height:44px;
  min-width:44px;
  font-size:30px
}
.cs-gallery-modal [data-close-gallery] {
  position:absolute;
  right:20px;
  top:15px
}
.cs-gallery-modal>span {
  position:absolute;
  bottom:22px;
  color:#fff
}
.car-services-page .sakkaf-global-header .header-inner {
  max-width:1120px
}
.car-services-page :focus-visible {
  outline:3px solid #b77721;
  outline-offset:3px
}

@media(max-width:767px) {
  .car-services {
  padding:8px 15px 105px
}
.cs-breadcrumb {
  font-size:9px;
  gap:6px;
  margin-bottom:8px
}
.cs-vehicle {
  min-height:124px
}
.cs-vehicle-image {
  height:151px
}
.cs-vehicle-copy {
  top:12px;
  right:12px;
  max-width:48%
}
.cs-vehicle-copy h1 {
  font-size:17px;
  margin-bottom:2px
}
.cs-vehicle-copy p {
  font-size:10px;
  line-height:1.5;
  max-height:32px;
  overflow:hidden
}
.cs-specs {
  right:8px;
  bottom:7px;
  padding:6px;
  gap:5px;
  max-width:53%
}
.cs-specs span {
  min-width:55px;
  gap:0
}
.cs-specs b {
  font-size:10px
}
.cs-specs small {
  font-size:9px
}
.cs-specs i {
  font-size:16px
}
.cs-gallery {
  gap:4px;
  margin-top:9px
}
.cs-gallery img {
  height:48px
}
.cs-gallery .cs-all-photos {
  font-size:9px
}
.cs-all-photos i {
  font-size:15px
}
.cs-filter {
  padding:12px;
  gap:8px 14px;
  margin:13px 0 15px
}
.cs-filter label {
  font-size:11px;
  margin-bottom:5px
}
.cs-filter select {
  height:37px;
  font-size:12px;
  padding:0 7px
}
.cs-filter>p {
  font-size:9px
}
.cs-section-heading {
  gap:7px;
  margin-bottom:9px
}
.cs-section-heading>i {
  font-size:24px
}
.cs-section-heading h2 {
  font-size:17px
}
.cs-section-heading p {
  font-size:10px
}
.cs-service-group {
  padding:0 7px;
  margin-bottom:6px
}
.cs-service-group summary {
  gap:6px;
  padding:9px 0
}
.cs-service-group summary>i:first-child {
  font-size:20px
}
.cs-service-group h3 {
  font-size:13px
}
.cs-service-group summary small {
  font-size:9px
}
.cs-service-row label {
  padding:8px 7px 20px;
  gap:7px;
  min-height:62px
}
.cs-service-row label b {
  font-size:11px
}
.cs-service-row label small {
  font-size:9px
}
.cs-service-row input {
  width:17px;
  height:17px
}
.cs-service-row .cs-price {
  min-width:61px
}
.cs-service-row .cs-price>b {
  font-size:14px
}
.cs-service-row .cs-price small {
  font-size:9px
}
.cs-service-row>a {
  font-size:10px;
  left:10px
}
.cs-note {
  padding:9px;
  gap:7px
}
.cs-note h3 {
  font-size:13px
}
.cs-note p {
  font-size:9px
}
.cs-faq {
  padding:10px 7px
}
.cs-faq>h2 {
  font-size:17px
}
.cs-faq summary {
  font-size:10px
}
.cs-banner {
  min-height:105px;
  padding:12px
}
.cs-banner>div {
  max-width:68%
}
.cs-banner h2 {
  font-size:15px
}
.cs-banner p {
  font-size:9px
}
.cs-banner a {
  font-size:10px;
  padding:4px 10px
}
.cs-booking-bar {
  gap:9px;
  padding:7px;
  bottom:max(7px,env(safe-area-inset-bottom))
}
.cs-open-cart {
  padding:7px 10px;
  font-size:10px
}
.cs-open-cart i {
  margin-right:4px
}
.cs-bar-count {
  font-size:10px
}
.cs-bar-count i {
  font-size:18px;
  margin-left:2px
}
.cs-bar-total {
  padding-right:8px
}
.cs-bar-total small {
  font-size:8px
}
.cs-bar-total b {
  font-size:13px
}
.car-services .cs-continue {
  font-size:10px;
  padding:8px 15px
}
.cs-continue i {
  margin-right:8px
}

}

@media(prefers-reduced-motion:reduce) {
  .car-services * {
  scroll-behavior:auto!important
}

}

:where(.car-services) .fa {
  padding:0;
  background:none;
  border:0;
  color:inherit;
  vertical-align:middle;
  letter-spacing:normal
}

.car-services button {
  letter-spacing:normal;
  text-transform:none;
  font-weight:500
}

.cs-specs b {
  line-height:1.4
}

.cs-section-heading .fa {
  color:var(--cs-purple)
}

.cs-gallery-modal:not([hidden]) {
  overflow:auto
}

body:has(.cs-gallery-modal:not([hidden])) {
  overflow:hidden
}

@media(max-width:767px) {
  .cs-vehicle-image {
  height:126px
}
.cs-specs {
  padding:5px
}
.cs-specs b {
  font-size:9px;
  line-height:1.3
}
.cs-specs small {
  font-size:8px
}
.cs-specs i {
  font-size:14px
}
.cs-open-cart {
  line-height:1.4;
  height:auto;
  white-space:nowrap
}
.cs-continue {
  display:flex;
  align-items:center;
  justify-content:center
}
.cs-booking-bar {
  gap:8px
}
.cs-bar-total {
  flex-shrink:0
}
.car-services .cs-continue {
  padding:8px 13px
}
.cs-bar-total b {
  font-size:12px
}

}

.cs-car-icon {
  width:21px;
  height:21px;
  fill:currentColor;
  color:var(--cs-gold);
  margin:auto;
}
.cs-map-icon {
  width:24px;
  height:24px;
  flex-shrink:0;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
}
.cs-banner .cs-car-icon { width:17px; height:17px; }
@media(max-width:767px) {
  .cs-specs .cs-car-icon { width:14px; height:14px; }
  .cs-map-icon { width:20px; height:20px; }
}
@media(max-width:767px) {
  .cs-vehicle { display:grid; grid-template-columns:1fr 1fr; gap:8px; padding:12px 8px; min-height:126px; }
  .cs-vehicle-image { position:absolute; inset:0; height:100%; }
  .cs-vehicle-copy { position:relative; inset:auto; grid-column:1; max-width:100%; }
  .cs-specs { position:relative; inset:auto; grid-column:1; max-width:100%; align-self:end; }
  .cs-specs span { min-width:0; }
  .car-services-page { padding-bottom:85px; }
}

@media(min-width:768px) {
  .car-services {
    width:100%;
    max-width:none;
    padding:12px clamp(22px,2.4vw,48px) 130px
  }
  .car-services-page .sakkaf-global-header .header-inner {
    width:calc(100% - 48px)!important;
    max-width:none!important
  }
  .cs-vehicle-image {
    height:clamp(320px,26vw,480px)
  }
  .cs-gallery {
    gap:12px;
    margin-top:16px
  }
  .cs-gallery button {
    flex:0 1 230px
  }
  .cs-gallery img {
    height:108px
  }
  .cs-filter {
    padding:24px;
    gap:16px 22px
  }
  .cs-service-row {
    min-height:78px;
    margin-bottom:10px
  }
  .cs-service-row label {
    gap:12px;
    min-height:74px;
    padding:12px 14px 22px
  }
  .cs-service-row label b {
    font-size:14px
  }
  .cs-service-row .cs-price {
    min-width:108px
  }
  .cs-banner {
    min-height:205px;
    padding:30px
  }
  .cs-booking-bar {
    left:24px;
    transform:none;
    width:calc(100% - 48px);
    max-width:none;
    padding:13px 16px
  }
}

/* Desktop layout refresh: keep the existing palette and shared basket behavior. */
.cs-page-layout {
  display:grid;
  gap:18px;
}
.cs-main-column,
.cs-vehicle-media {
  min-width:0;
}
.cs-vehicle-overview {
  display:grid;
  gap:14px;
  margin-bottom:18px;
}
.cs-vehicle {
  min-height:0;
  position:relative;
  overflow:hidden;
  border:1px solid #eee7f3;
  border-radius:13px;
  background:#faf7fc;
}
.cs-vehicle:after {
  display:none;
}
.cs-vehicle-image {
  position:static;
  display:block;
  width:100%;
  height:260px;
  object-fit:cover;
}
.cs-gallery-open,
.cs-gallery-counter {
  position:absolute;
  z-index:1;
  bottom:12px;
  border:0;
  border-radius:20px;
  background:#24102ddd;
  color:#fff;
  font-size:12px;
  padding:7px 12px;
}
.cs-gallery-open {
  right:12px;
  cursor:pointer;
}
.cs-gallery-open i {
  margin-left:5px;
}
.cs-gallery-counter {
  left:12px;
  direction:ltr;
}
.cs-gallery {
  min-height:0;
  margin-top:9px;
  overflow:hidden;
}
.cs-gallery button {
  flex:1 1 0;
  min-width:0;
}
.cs-gallery img {
  width:100%;
  height:78px;
  object-fit:cover;
}
.cs-vehicle-info {
  min-width:0;
  padding:19px;
  border:1px solid #eee7f3;
  border-radius:13px;
  background:linear-gradient(145deg,#fff,#fcfaff);
  box-shadow:0 3px 14px #471c630a;
}
.cs-vehicle-copy {
  position:static;
  z-index:auto;
  max-width:none;
  color:#30213f;
}
.cs-vehicle-copy h1 {
  margin:0 0 8px;
  color:var(--cs-purple);
  font-size:clamp(22px,2vw,30px);
  line-height:1.4;
}
.cs-vehicle-copy p {
  margin:0;
  color:#8d819e;
  font-size:13px;
  line-height:1.8;
}
.cs-vehicle-info .cs-specs {
  position:static;
  z-index:auto;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  max-width:none;
  margin-top:18px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  color:#381948;
}
.cs-vehicle-info .cs-specs span {
  min-width:0;
  min-height:82px;
  align-content:center;
  justify-items:center;
  padding:10px 6px;
  border:1px solid #eee7f3;
  border-radius:10px;
  background:#fff;
}
.cs-vehicle-info .cs-specs i,
.cs-vehicle-info .cs-specs .cs-car-icon {
  color:var(--cs-gold);
}
.cs-vehicle-info .cs-specs small {
  color:#8a7b9c;
}
.cs-cart-summary {
  display:none;
}
.cs-cart-summary [hidden] {
  display:none!important;
}
.cs-cart-unpriced {
  display:block;
  margin:8px 0 0;
  padding:8px 10px;
  border-radius:8px;
  background:#fcf8f2;
  color:#8b5422;
  font-size:11px;
  line-height:1.6;
}
.cs-cart-summary-item {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  padding:12px 0;
  border-bottom:1px solid #eee7ef;
}
.cs-cart-summary-item>div {
  min-width:0;
  display:grid;
  gap:3px;
}
.cs-cart-summary-item strong {
  color:#34213d;
  font-size:13px;
  line-height:1.55;
}
.cs-cart-summary-item small {
  color:#9383a4;
  font-size:10px;
  line-height:1.5;
}
.cs-cart-summary-item span {
  color:var(--cs-purple);
  font-size:12px;
  font-weight:700;
}
.cs-cart-summary-item button {
  flex:none;
  width:30px;
  height:30px;
  border:0;
  border-radius:8px;
  background:#fcf0f5;
  color:#a43765;
  cursor:pointer;
  font-size:20px;
  line-height:1;
}
.cs-cart-summary-empty {
  margin:0;
  padding:20px 10px;
  border:1px dashed #e8dfee;
  border-radius:9px;
  color:#9383a4;
  font-size:12px;
  text-align:center;
}
.cs-cart-summary-empty[hidden] {
  display:none!important;
}
.cs-service-image,
.cs-service-art {
  display:block;
  width:100%;
  height:115px;
  object-fit:cover;
  background:#faf7fc;
}
.cs-service-row label {
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:0;
  min-height:0;
  padding:0;
}
.cs-service-art {
  display:grid;
  place-items:center;
  color:var(--cs-purple);
  background:linear-gradient(135deg,#f8eff7,#fff 65%,#f8f4fb);
  font-size:34px;
}
.cs-service-card-copy {
  display:grid;
  align-content:start;
  gap:6px;
  min-width:0;
  padding:11px 12px 25px;
}
.cs-service-card-title {
  display:flex;
  align-items:flex-start;
  gap:8px;
  min-width:0;
}
.cs-service-card-title input {
  flex:none;
  margin:4px 0 0;
}
.cs-service-card-title b {
  min-width:0;
  color:#3c2859;
  font-size:13px;
  line-height:1.6;
}
.cs-service-card-copy>small {
  min-height:34px;
  color:#9383a6;
  font-size:11px;
  line-height:1.6;
}
.cs-service-card-copy .cs-price {
  min-width:0;
  text-align:right;
}
.cs-service-row>a {
  z-index:1;
}

@media (max-width:767px) {
  .cs-page-layout {
    display:block;
  }
  .cs-vehicle-overview {
    display:block;
    margin-bottom:12px;
  }
  .cs-vehicle {
    display:block;
    min-height:0;
    padding:0;
  }
  .cs-vehicle-image {
    position:static;
    height:150px;
  }
  .cs-gallery-open,
  .cs-gallery-counter {
    bottom:8px;
    font-size:9px;
    padding:5px 8px;
  }
  .cs-gallery-open { right:8px; }
  .cs-gallery-counter { left:8px; }
  .cs-vehicle-info {
    margin-top:9px;
    padding:11px;
  }
  .cs-vehicle-copy h1 {
    font-size:18px;
  }
  .cs-vehicle-copy p {
    font-size:10px;
  }
  .cs-vehicle-info .cs-specs {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:5px;
    margin-top:9px;
  }
  .cs-vehicle-info .cs-specs span {
    min-height:60px;
    padding:6px 3px;
  }
  .cs-vehicle-info .cs-specs b { font-size:10px; }
  .cs-vehicle-info .cs-specs small { font-size:8px; }
  .cs-vehicle-info .cs-specs i { font-size:14px; }
  .cs-vehicle-info .cs-specs .cs-car-icon { width:14px; height:14px; }
  .cs-service-image,
  .cs-service-art {
    height:90px;
  }
}

@media (min-width:768px) and (max-width:1199px) {
  .cs-page-layout {
    display:block;
  }
  .cs-vehicle-overview {
    grid-template-columns:minmax(0,1.6fr) minmax(230px,.9fr);
    grid-template-areas:"info media";
    align-items:stretch;
  }
  .cs-vehicle-media { grid-area:media; }
  .cs-vehicle-info { grid-area:info; }
  .cs-cart-summary { display:none; }
}

@media (min-width:1200px) {
  .car-services {
    padding-bottom:48px;
  }
  .cs-page-layout {
    grid-template-columns:minmax(320px,.92fr) minmax(0,2.08fr);
    grid-template-areas:"summary main";
    align-items:start;
    gap:24px;
  }
  .cs-main-column { grid-area:main; }
  .cs-cart-summary {
    grid-area:summary;
    position:sticky;
    top:112px;
    display:flex;
    flex-direction:column;
    min-width:0;
    max-height:calc(100vh - 128px);
    padding:18px;
    border:1px solid #eee7f3;
    border-radius:14px;
    background:linear-gradient(155deg,#fff,#fcf9fd);
    box-shadow:0 8px 24px #2f15330b;
  }
  .cs-cart-summary-heading {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding-bottom:13px;
    border-bottom:1px solid #eee7ef;
  }
  .cs-cart-summary-heading>div {
    display:grid;
    gap:2px;
  }
  .cs-cart-summary-heading h2 {
    display:flex;
    align-items:center;
    gap:8px;
    margin:0;
    color:var(--cs-purple);
    font-size:21px;
  }
  .cs-cart-summary-heading h2 i { color:var(--cs-gold); }
  .cs-cart-summary-heading small {
    color:#9383a4;
    font-size:11px;
  }
  .cs-cart-summary-heading small b { color:var(--cs-purple); }
  .cs-cart-summary-heading button {
    flex:none;
    border:1px solid #eaddec;
    border-radius:8px;
    padding:7px 10px;
    background:#faf5fb;
    color:var(--cs-purple);
    cursor:pointer;
    font-size:11px;
    transition:background .18s ease,border-color .18s ease,transform .18s ease;
  }
  .cs-cart-summary-heading button:hover {
    border-color:#d7b4d2;
    background:#f4eaf4;
    transform:translateY(-1px);
  }
  .cs-cart-summary-list {
    display:grid;
    align-content:start;
    gap:0;
    min-height:100px;
    max-height:min(42vh,440px);
    overflow:auto;
    scrollbar-width:thin;
  }
  .cs-cart-summary-total {
    display:grid;
    gap:4px;
    margin-top:12px;
    padding-top:13px;
    border-top:1px solid #e8dfee;
    color:#9383a4;
    font-size:11px;
  }
  .cs-cart-summary-total strong {
    color:var(--cs-purple);
    font-size:24px;
    line-height:1.35;
  }
  .cs-cart-summary-note {
    margin:9px 0 0;
    color:#9383a4;
    font-size:10px;
    line-height:1.65;
  }
  .cs-cart-summary-checkout {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    min-height:47px;
    margin-top:14px;
    border-radius:9px;
    background:linear-gradient(90deg,#6c0d60,#550c4b);
    color:#fff!important;
    font-size:14px;
    font-weight:700;
    transition:filter .18s ease,transform .18s ease,box-shadow .18s ease;
  }
  .cs-cart-summary-checkout:hover:not([aria-disabled="true"]) {
    filter:brightness(1.08);
    transform:translateY(-1px);
    box-shadow:0 7px 16px #6c0d6026;
  }
  .cs-cart-summary-checkout[aria-disabled="true"] {
    opacity:.5;
    cursor:not-allowed;
  }
  .cs-vehicle-overview {
    grid-template-columns:minmax(230px,.88fr) minmax(0,1.72fr);
    grid-template-areas:"info media";
    align-items:stretch;
    margin-bottom:16px;
  }
  .cs-vehicle-media { grid-area:media; }
  .cs-vehicle-info {
    grid-area:info;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:clamp(17px,1.8vw,27px);
  }
  .cs-vehicle-image {
    height:clamp(260px,22vw,360px);
  }
  .cs-gallery img { height:82px; }
  .cs-filter {
    grid-template-columns:repeat(2,minmax(0,1fr));
    margin-top:0;
  }
  .cs-filter>p { grid-column:1/-1; }
  .cs-rows {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(205px,1fr));
    align-items:stretch;
    gap:12px;
    padding:0 0 12px;
  }
  .cs-service-group:not([open])>.cs-rows {
    display:none;
  }
  .cs-service-row {
    display:flex;
    flex-direction:column;
    min-width:0;
    min-height:0;
    margin:0;
    overflow:hidden;
    border-radius:10px;
  }
  .cs-service-row label {
    display:flex;
    flex:1;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    min-height:0;
    padding:0;
  }
  .cs-service-card-copy {
    flex:1;
    padding-bottom:29px;
  }
  .cs-service-card-title b { font-size:12px; }
  .cs-service-card-copy>small { font-size:10px; }
  .cs-service-row .cs-price { align-self:end; }
  .cs-service-row>a { bottom:7px; left:12px; }
  .cs-support-column {
    grid-template-columns:minmax(0,1fr);
    gap:12px;
    margin-top:14px;
  }
  .cs-support-column .cs-note,
  .cs-support-column .cs-faq {
    margin:0;
  }
  .cs-booking-bar { display:none; }
}

@media (min-width:1500px) {
  .cs-vehicle-overview {
    grid-template-columns:minmax(260px,.78fr) minmax(0,1.82fr);
  }
  .cs-rows {
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  }
}

@media (prefers-reduced-motion:reduce) {
  .cs-cart-summary-heading button,
  .cs-cart-summary-checkout {
    transition:none;
  }
}

@media (max-width:767px) {
  .car-services #cs-services-list .cs-service-group,
  .car-services #cs-services-list .cs-rows,
  .car-services #cs-services-list .cs-service-row {
    width:100%;
    min-width:0;
    max-width:100%;
  }
  .car-services #cs-services-list .cs-rows {
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:calc((100% - 10px)/2);
    grid-template-rows:auto;
    align-items:stretch;
    gap:10px;
    padding:0 0 10px;
    overflow-x:auto;
    overflow-y:hidden;
    overscroll-behavior-x:contain;
    scroll-snap-type:x mandatory;
    scrollbar-width:thin;
    scrollbar-color:#c6a4c1 transparent;
    -webkit-overflow-scrolling:touch;
  }
  .car-services #cs-services-list .cs-service-row>label {
    display:grid;
    grid-template-columns:minmax(0,1fr);
    align-items:start;
    width:100%;
    min-width:0;
    max-width:100%;
    overflow:hidden;
  }
  .car-services #cs-services-list .cs-service-row {
    min-height:0;
    margin:0;
    scroll-snap-align:start;
  }
  .car-services #cs-services-list .cs-service-row>label>.cs-service-image,
  .car-services #cs-services-list .cs-service-row>label>.cs-service-art {
    grid-column:1;
    width:100%;
    min-width:0;
    max-width:100%;
    height:clamp(82px,24vw,105px);
  }
  .car-services #cs-services-list .cs-service-card-copy,
  .car-services #cs-services-list .cs-service-card-title {
    grid-column:1;
    width:100%;
    min-width:0;
    max-width:100%;
  }
  .car-services #cs-services-list .cs-service-card-title b {
    font-size:11px;
    line-height:1.5;
    overflow-wrap:anywhere;
  }
  .car-services #cs-services-list .cs-service-card-copy {
    gap:5px;
    padding:8px 8px 25px;
  }
  .car-services #cs-services-list .cs-service-card-copy>small {
    min-height:27px;
    font-size:9px;
  }
  .car-services #cs-services-list .cs-service-row .cs-price>b {
    font-size:13px;
  }
}

@media (min-width:768px) {
  .car-services #cs-services-list .cs-rows {
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:min(320px,calc((100% - 24px)/3));
    grid-template-columns:none;
    align-items:stretch;
    width:100%;
    min-width:0;
    max-width:100%;
    gap:12px;
    padding:0 0 12px;
    overflow-x:auto;
    overflow-y:hidden;
    overscroll-behavior-x:contain;
    scroll-snap-type:x proximity;
    scrollbar-width:thin;
    scrollbar-color:#c6a4c1 transparent;
    -webkit-overflow-scrolling:touch;
  }
  .car-services #cs-services-list .cs-service-group:not([open])>.cs-rows {
    display:none;
  }
  .car-services #cs-services-list .cs-service-row {
    scroll-snap-align:start;
  }
  .car-services #cs-services-list .cs-rows::-webkit-scrollbar {
    height:9px;
  }
  .car-services #cs-services-list .cs-rows::-webkit-scrollbar-track {
    border-radius:9px;
    background:#f6eff6;
  }
  .car-services #cs-services-list .cs-rows::-webkit-scrollbar-thumb {
    border:2px solid #f6eff6;
    border-radius:9px;
    background:#b987b3;
  }
  .car-services #cs-services-list .cs-rows::-webkit-scrollbar-thumb:hover {
    background:#6c0d60;
  }
}

.car-services #cs-services-list .cs-service-row--tour {
  display:flex;
  flex-direction:column;
  min-width:0;
  margin:0;
  overflow:hidden;
  border:1px solid #eee5f0;
  border-radius:16px;
  background:linear-gradient(180deg,#fff 0%,#fdfafd 100%);
  box-shadow:0 5px 16px rgba(61,26,73,.07);
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;
}
.car-services #cs-services-list .cs-service-row--tour:hover {
  transform:translateY(-4px);
  border-color:#d8bdd8;
  box-shadow:0 13px 26px rgba(61,26,73,.13);
}
.car-services #cs-services-list .cs-service-row--tour:focus-within {
  outline:3px solid #b77721;
  outline-offset:3px;
}
.car-services #cs-services-list .cs-service-row--tour.is-selected {
  border-color:#9d4c91;
  background:linear-gradient(180deg,#fff 0%,#fcf6fc 100%);
  box-shadow:0 0 0 2px rgba(108,13,96,.08),0 9px 22px rgba(61,26,73,.1);
}
.car-services #cs-services-list .cs-service-row--tour>label {
  position:relative;
  display:flex;
  flex:1;
  flex-direction:column;
  align-items:stretch;
  min-width:0;
  min-height:100%;
  padding:0;
  overflow:hidden;
  cursor:pointer;
}
.car-services #cs-services-list .cs-service-row--tour>label::after {
  position:absolute;
  top:0;
  right:0;
  left:0;
  z-index:1;
  height:clamp(94px,11vw,164px);
  background:linear-gradient(0deg,rgba(35,12,42,.26),transparent 54%);
  content:"";
  pointer-events:none;
}
.car-services #cs-services-list .cs-service-row--tour>label>.cs-service-image,
.car-services #cs-services-list .cs-service-row--tour>label>.cs-service-art {
  display:block;
  flex:none;
  width:100%;
  height:clamp(94px,11vw,164px);
  object-fit:cover;
  transition:transform .45s cubic-bezier(.2,.75,.25,1);
}
.car-services #cs-services-list .cs-service-row--tour:hover>label>.cs-service-image {
  transform:scale(1.045);
}
.car-services #cs-services-list .cs-tour-card-badge {
  position:absolute;
  top:11px;
  right:11px;
  z-index:2;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 11px;
  border:1px solid rgba(255,255,255,.72);
  border-radius:999px;
  background:rgba(255,255,255,.95);
  color:var(--cs-purple);
  box-shadow:0 4px 14px rgba(29,12,37,.18);
  font-size:11px;
  font-weight:800;
  line-height:1.3;
}
.car-services #cs-services-list .cs-tour-card-badge i {
  color:var(--cs-gold);
}
.car-services #cs-services-list .cs-service-row--tour .cs-service-card-copy {
  display:flex;
  flex:1;
  flex-direction:column;
  align-items:stretch;
  gap:10px;
  min-width:0;
  padding:15px 14px 12px;
  text-align:right;
}
.car-services #cs-services-list .cs-service-row--tour .cs-service-card-title {
  display:flex;
  align-items:flex-start;
  gap:9px;
  min-height:44px;
}
.car-services #cs-services-list .cs-service-row--tour .cs-service-card-title input {
  width:19px;
  height:19px;
  margin:3px 0 0;
  accent-color:var(--cs-purple);
}
.car-services #cs-services-list .cs-service-row--tour .cs-service-card-title b {
  display:-webkit-box;
  min-width:0;
  overflow:hidden;
  color:#3f2751;
  font-size:14px;
  font-weight:800;
  line-height:1.55;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.car-services #cs-services-list .cs-service-row--tour .cs-service-card-copy>small {
  min-height:0;
  color:#91839c;
  font-size:11px;
  line-height:1.55;
}
.car-services #cs-services-list .cs-service-row--tour .cs-service-card-city {
  display:flex;
  align-items:center;
  gap:6px;
  min-width:0;
  color:#84738f;
  font-size:11px;
  font-weight:600;
}
.car-services #cs-services-list .cs-service-row--tour .cs-service-card-city i {
  color:var(--cs-gold);
}
.car-services #cs-services-list .cs-service-row--tour .cs-price {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:4px 8px;
  min-width:0;
  margin-top:auto;
  padding:9px 11px;
  border:1px solid #f0e5f1;
  border-radius:11px;
  background:linear-gradient(110deg,#fbf6fc,#fff);
  text-align:right;
}
.car-services #cs-services-list .cs-service-row--tour .cs-price-caption {
  color:#94849f;
  font-size:10px;
  font-weight:600;
}
.car-services #cs-services-list .cs-service-row--tour .cs-price>b {
  color:var(--cs-purple);
  font-size:18px;
  font-weight:900;
  white-space:nowrap;
}
.car-services #cs-services-list .cs-service-row--tour .cs-price>b small {
  color:#8f7894;
  font-size:10px;
  font-weight:600;
}
.car-services #cs-services-list .cs-service-row--tour>a {
  position:static;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:41px;
  margin:0 12px 12px;
  padding:8px 12px;
  border:1px solid #eee0ef;
  border-radius:11px;
  background:linear-gradient(135deg,#fbf5fc,#fff);
  color:var(--cs-purple);
  font-size:12px;
  font-weight:800;
  text-decoration:none;
  transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease;
}
.car-services #cs-services-list .cs-service-row--tour>a:hover {
  transform:translateY(-1px);
  border-color:var(--cs-purple);
  background:linear-gradient(110deg,#6c0d60,#54104f);
  color:#fff;
}
.car-services #cs-services-list .cs-service-row--tour>a i {
  margin:0;
}
@media (max-width:767px) {
  .car-services #cs-services-list .cs-service-row--tour>label::after,
  .car-services #cs-services-list .cs-service-row--tour>label>.cs-service-image,
  .car-services #cs-services-list .cs-service-row--tour>label>.cs-service-art {
    height:clamp(94px,24vw,112px);
  }
  .car-services #cs-services-list .cs-service-row--tour .cs-service-card-copy {
    gap:7px;
    padding:9px 8px 8px;
  }
  .car-services #cs-services-list .cs-service-row--tour .cs-service-card-title {
    min-height:0;
    gap:6px;
  }
  .car-services #cs-services-list .cs-service-row--tour .cs-service-card-title b {
    font-size:11px;
    line-height:1.45;
  }
  .car-services #cs-services-list .cs-service-row--tour .cs-service-card-city,
  .car-services #cs-services-list .cs-service-row--tour .cs-service-card-copy>small {
    font-size:9px;
  }
  .car-services #cs-services-list .cs-service-row--tour .cs-price {
    gap:3px 5px;
    padding:7px;
  }
  .car-services #cs-services-list .cs-service-row--tour .cs-price>b {
    font-size:14px;
  }
  .car-services #cs-services-list .cs-service-row--tour .cs-price-caption {
    font-size:9px;
  }
  .car-services #cs-services-list .cs-tour-card-badge {
    top:7px;
    right:7px;
    padding:4px 8px;
    font-size:9px;
  }
  .car-services #cs-services-list .cs-service-row--tour>a {
    min-height:35px;
    margin:0 8px 8px;
    padding:6px;
    font-size:10px;
  }
}
@media (prefers-reduced-motion:reduce) {
  .car-services #cs-services-list .cs-service-row--tour,
  .car-services #cs-services-list .cs-service-row--tour>label>.cs-service-image,
  .car-services #cs-services-list .cs-service-row--tour>a {
    transition:none;
  }
  .car-services #cs-services-list .cs-service-row--tour:hover {
    transform:none;
  }
}

.car-services .cs-open-cart {
  transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.car-services .cs-open-cart:hover,
.car-services .cs-open-cart:focus-visible {
  background:#6c0d60;
  border-color:#6c0d60;
  color:#fff;
  box-shadow:0 5px 14px rgba(108,13,96,.2);
}
.car-services .cs-open-cart:focus-visible {
  outline:2px solid #ad6a1f;
  outline-offset:2px;
}
.car-services .cs-open-cart:active {
  background:#550c4b;
  border-color:#550c4b;
  color:#fff;
  transform:scale(.98);
}

.car-services #cs-services-list .cs-service-row {
  display:flex;
  flex-direction:column;
  min-height:352px;
  overflow:hidden;
  border-radius:15px;
  background:#fff;
  box-shadow:0 5px 16px rgba(61,26,73,.07);
}
.car-services #cs-services-list .cs-service-row>label {
  position:relative;
  display:flex;
  flex:1;
  flex-direction:column;
  align-items:stretch;
  min-width:0;
  min-height:0;
  padding:0;
  overflow:hidden;
  cursor:pointer;
}
.car-services #cs-services-list .cs-service-row>label>.cs-service-image,
.car-services #cs-services-list .cs-service-row>label>.cs-service-art {
  display:block;
  flex:none;
  width:100%;
  height:clamp(104px,10vw,145px);
  object-fit:cover;
}
.car-services #cs-services-list .cs-service-row>label>.cs-service-art {
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#f5edf6,#eee5f2);
  color:var(--cs-purple);
  font-size:36px;
}
.car-services #cs-services-list .cs-service-card-copy {
  display:flex;
  flex:1;
  flex-direction:column;
  align-items:stretch;
  gap:8px;
  min-width:0;
  padding:12px 12px 10px;
  text-align:right;
}
.car-services #cs-services-list .cs-service-card-title {
  position:relative;
  display:flex;
  align-items:flex-start;
  min-height:42px;
  gap:8px;
}
.car-services #cs-services-list .cs-service-card-title input {
  position:absolute;
  width:1px;
  height:1px;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  clip-path:inset(50%);
  white-space:nowrap;
}
.car-services #cs-services-list .cs-service-card-title b {
  display:-webkit-box;
  min-width:0;
  overflow:hidden;
  color:#3f2751;
  font-size:13px;
  font-weight:800;
  line-height:1.5;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.car-services #cs-services-list .cs-service-card-copy>small {
  display:-webkit-box;
  min-height:4.35em;
  overflow:hidden;
  color:#91839c;
  font-size:11px;
  line-height:1.45;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}
.car-services #cs-services-list .cs-service-card-city {
  display:flex;
  align-items:center;
  gap:6px;
  min-width:0;
  color:#84738f;
  font-size:10px;
  font-weight:600;
}
.car-services #cs-services-list .cs-service-card-city i {
  color:var(--cs-gold);
}
.car-services #cs-services-list .cs-service-row .cs-price {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  min-width:0;
  margin-top:auto;
  padding:8px 10px;
  border:1px solid #f0e5f1;
  border-radius:10px;
  background:linear-gradient(110deg,#fbf6fc,#fff);
  text-align:right;
}
.car-services #cs-services-list .cs-price-caption {
  color:#84738f;
  font-size:10px;
  font-weight:700;
}
.car-services #cs-services-list .cs-service-row .cs-price-amount {
  display:inline-flex;
  align-items:baseline;
  gap:4px;
  color:var(--cs-purple);
  font-size:18px;
  font-weight:900;
  white-space:nowrap;
}
.car-services #cs-services-list .cs-price-amount>span:first-child {
  color:var(--cs-gold);
  font-size:15px;
}
.car-services #cs-services-list .cs-price-amount>small {
  color:#8f7894;
  font-size:9px;
  font-weight:700;
}
.car-services #cs-services-list .cs-service-actions {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin:0 10px 10px;
}
.car-services #cs-services-list .cs-service-actions button,
.car-services #cs-services-list .cs-service-actions a {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-width:0;
  min-height:39px;
  padding:7px 8px;
  border:1px solid var(--cs-purple);
  border-radius:10px;
  font-size:11px;
  font-weight:800;
  line-height:1.2;
  text-align:center;
  text-decoration:none;
  transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;
}
.car-services #cs-services-list .cs-service-actions button {
  background:var(--cs-purple);
  color:#fff;
  cursor:pointer;
}
.car-services #cs-services-list .cs-service-actions button:hover,
.car-services #cs-services-list .cs-service-actions button:focus-visible {
  background:#550c4b;
  border-color:#550c4b;
}
.car-services #cs-services-list .cs-service-actions button[aria-pressed="true"] {
  background:#f8eff7;
  color:var(--cs-purple);
}
.car-services #cs-services-list .cs-service-actions a {
  border-color:#ead9e9;
  background:#fff;
  color:var(--cs-purple);
}
.car-services #cs-services-list .cs-service-actions a:hover,
.car-services #cs-services-list .cs-service-actions a:focus-visible {
  border-color:var(--cs-gold);
  background:#fcf8f2;
  color:#8d5418;
}
.car-services #cs-services-list .cs-service-actions button:focus-visible,
.car-services #cs-services-list .cs-service-actions a:focus-visible,
.car-services #cs-services-list .cs-service-row>label:focus-within {
  outline:2px solid var(--cs-gold);
  outline-offset:2px;
}
.car-services .cs-note p:last-child {
  line-height:1.7;
}
@media (max-width:767px) {
  .car-services #cs-services-list .cs-service-row {
    min-height:310px;
    border-radius:12px;
  }
  .car-services #cs-services-list .cs-service-row>label>.cs-service-image,
  .car-services #cs-services-list .cs-service-row>label>.cs-service-art {
    height:clamp(90px,24vw,112px);
  }
  .car-services #cs-services-list .cs-service-card-copy {
    gap:6px;
    padding:9px 8px 8px;
  }
  .car-services #cs-services-list .cs-service-card-title {
    min-height:34px;
  }
  .car-services #cs-services-list .cs-service-card-title b {
    font-size:11px;
    line-height:1.45;
  }
  .car-services #cs-services-list .cs-service-card-copy>small {
    min-height:4.35em;
    font-size:9px;
  }
  .car-services #cs-services-list .cs-service-card-city {
    font-size:9px;
  }
  .car-services #cs-services-list .cs-service-row .cs-price {
    gap:5px;
    padding:6px 7px;
  }
  .car-services #cs-services-list .cs-price-caption {
    font-size:9px;
  }
  .car-services #cs-services-list .cs-service-row .cs-price-amount {
    gap:3px;
    font-size:13px;
  }
  .car-services #cs-services-list .cs-price-amount>span:first-child {
    font-size:12px;
  }
  .car-services #cs-services-list .cs-price-amount>small {
    font-size:8px;
  }
  .car-services #cs-services-list .cs-service-actions {
    gap:5px;
    margin:0 7px 7px;
  }
  .car-services #cs-services-list .cs-service-actions button,
  .car-services #cs-services-list .cs-service-actions a {
    min-height:34px;
    padding:5px 4px;
    border-radius:8px;
    font-size:9px;
  }
}
@media (prefers-reduced-motion:reduce) {
  .car-services #cs-services-list .cs-service-actions button,
  .car-services #cs-services-list .cs-service-actions a {
    transition:none;
  }
}

.car-services-page #header.sakkaf-site-header {
  border-bottom:1px solid var(--cs-border);
  background:#fff;
}

.car-services-page #header.sakkaf-site-header .sakkaf-global-header {
  background:#fff;
}

.car-services-page #header.sakkaf-site-header .sakkaf-global-header .header-actions>button {
  border-color:var(--cs-border);
  background:#fff;
  color:var(--cs-primary);
}

.car-services-page #header.sakkaf-site-header .sakkaf-global-header .header-actions>button.booking-cart-button,
.car-services-page #header.sakkaf-site-header .sakkaf-global-header .header-actions>button.booking-cart-button:hover,
.car-services-page #header.sakkaf-site-header .sakkaf-global-header .header-actions>button.booking-cart-button:focus,
.car-services-page #header.sakkaf-site-header .sakkaf-global-header .header-actions>button.booking-cart-button:active {
  border-color:var(--cs-border)!important;
  background:#fff!important;
  color:var(--cs-primary)!important;
}

.car-services-page #header.sakkaf-site-header .sakkaf-global-header .header-actions>button.booking-cart-button:hover,
.car-services-page #header.sakkaf-site-header .sakkaf-global-header .header-actions>button.booking-cart-button:focus-visible {
  border-color:#d9a9c4!important;
  background:var(--cs-soft)!important;
  box-shadow:0 7px 18px rgba(189,0,110,.12)!important;
}

.car-services-page .booking-cart-button [data-booking-cart-count] {
  background:var(--cs-primary);
}

.car-services-page :focus-visible {
  outline-color:var(--cs-accent);
}

.car-services .cs-breadcrumb a:hover,
.car-services .cs-breadcrumb a:focus-visible {
  color:var(--cs-primary);
}

.car-services .cs-vehicle,
.car-services .cs-vehicle-info,
.car-services .cs-filter,
.car-services .cs-service-group,
.car-services .cs-faq,
.car-services .cs-cart-summary {
  border-color:var(--cs-border);
}

.car-services .cs-vehicle {
  background:var(--cs-soft);
}

.car-services .cs-gallery-open {
  background:rgba(147,0,82,.88);
}

.car-services .cs-vehicle-info,
.car-services .cs-filter,
.car-services .cs-cart-summary {
  background:linear-gradient(145deg,#fff,var(--cs-soft));
}

.car-services .cs-vehicle-copy h1,
.car-services .cs-section-heading,
.car-services .cs-section-heading h2,
.car-services .cs-service-group summary,
.car-services .cs-service-group h3,
.car-services .cs-cart-summary-heading h2,
.car-services .cs-faq>h2 {
  color:var(--cs-primary);
}

.car-services .cs-vehicle-copy p,
.car-services .cs-specs small,
.car-services .cs-section-heading p,
.car-services .cs-service-group summary small,
.car-services .cs-faq>p,
.car-services .cs-cart-summary-heading small,
.car-services .cs-cart-summary-note,
.car-services .cs-cart-summary-total {
  color:var(--cs-muted);
}

.car-services .cs-specs span,
.car-services .cs-gallery button {
  border-color:var(--cs-border);
}

.car-services .cs-specs i,
.car-services .cs-specs .cs-car-icon,
.car-services .cs-filter label i,
.car-services .cs-map-icon,
.car-services .cs-cart-summary-heading h2 i,
.car-services .cs-faq details summary i {
  color:var(--cs-accent);
}

.car-services .cs-filter select {
  border-color:var(--cs-border);
  color:var(--cs-ink);
}

.car-services .cs-filter select:focus-visible {
  border-color:var(--cs-primary);
}

.car-services .cs-filter>p,
.car-services .cs-empty,
.car-services .cs-load-error {
  color:var(--cs-muted);
}

.car-services .cs-service-group {
  border-radius:14px;
  background:#fff;
  box-shadow:0 4px 14px rgba(74,32,62,.035);
}

.car-services .cs-service-group[open] .cs-chevron {
  color:var(--cs-primary);
}

#car-services #cs-services-list .cs-rows {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-auto-flow:row;
  grid-auto-columns:auto;
  align-items:stretch;
  gap:14px;
  padding:2px 0 14px;
  overflow:visible;
  overscroll-behavior:auto;
  scroll-snap-type:none;
  scrollbar-width:none;
}

#car-services #cs-services-list .cs-service-row {
  display:flex;
  flex-direction:column;
  min-width:0;
  min-height:405px;
  margin:0;
  overflow:hidden;
  border:1px solid var(--cs-border);
  border-radius:16px;
  background:#fff;
  box-shadow:0 5px 18px rgba(72,27,58,.06);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}

#car-services #cs-services-list .cs-service-row:hover {
  transform:translateY(-3px);
  border-color:#d9a9c4;
  box-shadow:0 12px 25px rgba(100,19,67,.12);
}

#car-services #cs-services-list .cs-service-row.is-selected {
  border-color:var(--cs-primary);
  background:linear-gradient(180deg,#fff,var(--cs-soft));
  box-shadow:0 0 0 2px rgba(189,0,110,.1),0 8px 20px rgba(100,19,67,.08);
}

#car-services #cs-services-list .cs-service-row>label {
  position:relative;
  display:flex;
  flex:1;
  flex-direction:column;
  align-items:stretch;
  min-width:0;
  min-height:0;
  padding:0;
  overflow:hidden;
  cursor:pointer;
}

#car-services #cs-services-list .cs-service-row>label::after {
  content:none;
}

#car-services #cs-services-list .cs-service-row>label>.cs-service-image,
#car-services #cs-services-list .cs-service-row>label>.cs-service-art {
  display:block;
  flex:none;
  width:100%;
  height:clamp(138px,12vw,180px);
  object-fit:cover;
}

#car-services #cs-services-list .cs-service-row>label>.cs-service-art {
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#faeff6,#f4e6ef);
  color:var(--cs-primary);
  font-size:38px;
}

#car-services #cs-services-list .cs-service-card-copy,
#car-services #cs-services-list .cs-service-row--tour .cs-service-card-copy {
  display:flex;
  flex:1;
  flex-direction:column;
  align-items:stretch;
  gap:9px;
  min-width:0;
  padding:13px 13px 11px;
  text-align:right;
}

#car-services #cs-services-list .cs-service-card-title,
#car-services #cs-services-list .cs-service-row--tour .cs-service-card-title {
  display:flex;
  align-items:flex-start;
  min-width:0;
  min-height:42px;
  gap:8px;
}

#car-services #cs-services-list .cs-service-card-title input,
#car-services #cs-services-list .cs-service-row--tour .cs-service-card-title input {
  position:absolute;
  width:1px;
  height:1px;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  clip-path:inset(50%);
  white-space:nowrap;
}

#car-services #cs-services-list .cs-service-card-title b,
#car-services #cs-services-list .cs-service-row--tour .cs-service-card-title b {
  display:-webkit-box;
  min-width:0;
  overflow:hidden;
  color:var(--cs-ink);
  font-size:14px;
  font-weight:800;
  line-height:1.55;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}

#car-services #cs-services-list .cs-service-card-copy>small,
#car-services #cs-services-list .cs-service-row--tour .cs-service-card-copy>small {
  display:-webkit-box;
  min-height:4.35em;
  overflow:hidden;
  color:var(--cs-muted);
  font-size:11px;
  line-height:1.45;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}

#car-services #cs-services-list .cs-service-card-city,
#car-services #cs-services-list .cs-service-row--tour .cs-service-card-city {
  display:flex;
  align-items:center;
  gap:7px;
  min-width:0;
  min-height:35px;
  padding:6px 9px;
  border:1px solid var(--cs-border);
  border-radius:10px;
  color:var(--cs-muted);
  font-size:11px;
  font-weight:600;
}

#car-services #cs-services-list .cs-service-card-city i,
#car-services #cs-services-list .cs-service-row--tour .cs-service-card-city i {
  color:var(--cs-primary);
}

#car-services #cs-services-list .cs-service-row .cs-price,
#car-services #cs-services-list .cs-service-row--tour .cs-price {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:1px;
  min-width:0;
  margin-top:auto;
  padding:8px 10px;
  border:0;
  border-radius:11px;
  background:var(--cs-soft);
  text-align:center;
}

#car-services #cs-services-list .cs-price-caption,
#car-services #cs-services-list .cs-service-row--tour .cs-price-caption {
  color:var(--cs-muted);
  font-size:10px;
  font-weight:600;
}

#car-services #cs-services-list .cs-service-row .cs-price-amount,
#car-services #cs-services-list .cs-service-row--tour .cs-price>b {
  display:inline-flex;
  align-items:baseline;
  gap:4px;
  color:var(--cs-primary);
  font-size:21px;
  font-weight:900;
  white-space:nowrap;
}

#car-services #cs-services-list .cs-price-amount>span:first-child {
  color:var(--cs-accent);
  font-size:14px;
}

#car-services #cs-services-list .cs-price-amount>small,
#car-services #cs-services-list .cs-service-row--tour .cs-price>b small {
  color:var(--cs-muted);
  font-size:9px;
  font-weight:600;
}

#car-services #cs-services-list .cs-tour-card-badge {
  top:10px;
  right:10px;
  padding:5px 10px;
  border:1px solid rgba(255,255,255,.65);
  background:rgba(189,0,110,.94);
  color:#fff;
  font-size:10px;
}

#car-services #cs-services-list .cs-tour-card-badge i {
  color:#fff;
}

#car-services #cs-services-list .cs-service-actions {
  display:flex;
  flex-direction:column;
  gap:5px;
  margin:0 12px 12px;
}

#car-services #cs-services-list .cs-service-actions button,
#car-services #cs-services-list .cs-service-actions a {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-width:0;
  min-height:43px;
  margin:0;
  padding:8px 10px;
  border:1px solid var(--cs-primary);
  border-radius:10px;
  font-size:12px;
  font-weight:800;
  line-height:1.25;
  text-align:center;
  text-decoration:none;
  transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;
}

#car-services #cs-services-list .cs-service-actions button {
  background:var(--cs-primary);
  color:#fff;
  cursor:pointer;
}

#car-services #cs-services-list .cs-service-actions button:hover,
#car-services #cs-services-list .cs-service-actions button:focus-visible {
  border-color:var(--cs-primary-dark);
  background:var(--cs-primary-dark);
}

#car-services #cs-services-list .cs-service-actions button[aria-pressed="true"] {
  border-color:var(--cs-soft-strong);
  background:var(--cs-soft-strong);
  color:var(--cs-primary);
}

#car-services #cs-services-list .cs-service-actions a {
  min-height:28px;
  padding:4px 8px;
  border-color:transparent;
  background:transparent;
  color:var(--cs-muted);
  font-size:11px;
  font-weight:700;
}

#car-services #cs-services-list .cs-service-actions a:hover {
  border-color:var(--cs-border);
  background:var(--cs-soft);
  color:var(--cs-primary);
}

#car-services #cs-services-list .cs-service-actions button:focus-visible,
#car-services #cs-services-list .cs-service-actions a:focus-visible,
#car-services #cs-services-list .cs-service-row>label:focus-within {
  outline:2px solid var(--cs-accent);
  outline-offset:2px;
}

.car-services .cs-note {
  background:var(--cs-soft);
  color:var(--cs-primary);
}

.car-services .cs-note>i,
.car-services .cs-note h3 {
  color:var(--cs-primary);
}

.car-services .cs-note p,
.car-services .cs-faq details>p {
  color:var(--cs-muted);
}

.car-services .cs-faq details,
.car-services .cs-empty,
.car-services .cs-load-error {
  background:var(--cs-soft);
}

.car-services .cs-faq details {
  border:1px solid transparent;
  color:var(--cs-ink);
}

.car-services .cs-faq details[open] {
  border-color:var(--cs-border);
}

.car-services .cs-cart-summary-heading,
.car-services .cs-cart-summary-total {
  border-color:var(--cs-border);
}

.car-services .cs-cart-summary-heading button,
.car-services .cs-open-cart {
  border-color:var(--cs-border);
  background:var(--cs-soft);
  color:var(--cs-primary);
}

.car-services .cs-cart-summary-heading button:hover,
.car-services .cs-open-cart:hover,
.car-services .cs-open-cart:focus-visible {
  border-color:var(--cs-primary);
  background:var(--cs-primary);
  color:#fff;
}

.car-services .cs-cart-summary-total strong,
.car-services .cs-cart-summary-item span {
  color:var(--cs-primary);
}

.car-services .cs-cart-summary-item {
  border-color:var(--cs-border);
}

.car-services .cs-cart-summary-item strong {
  color:var(--cs-ink);
}

.car-services .cs-cart-summary-item small {
  color:var(--cs-muted);
}

.car-services .cs-cart-summary-checkout,
.car-services .cs-continue {
  background:var(--cs-primary);
}

.car-services .cs-cart-summary-checkout:hover:not([aria-disabled="true"]),
.car-services .cs-continue:hover:not([aria-disabled="true"]) {
  background:var(--cs-primary-dark);
}

.car-services .cs-cart-summary-checkout[aria-disabled="true"],
.car-services .cs-continue[aria-disabled="true"] {
  background:#d985b5;
  opacity:1;
}

.car-services .cs-booking-bar {
  border-color:var(--cs-border);
  background:rgba(255,255,255,.96);
  box-shadow:0 7px 24px rgba(86,20,60,.12);
}

.car-services .cs-bar-count i,
.car-services .cs-bar-total b {
  color:var(--cs-primary);
}

.car-services .cs-bar-total {
  border-color:var(--cs-border);
}

.car-services .cs-banner {
  background-image:linear-gradient(270deg,rgba(147,0,82,.94) 8%,rgba(147,0,82,.74) 52%,rgba(147,0,82,.08) 100%),url('../../../../../image/cars-landing/final-cta-1280.webp');
}

.car-services .cs-banner a {
  color:var(--cs-primary);
}

.car-services .cs-banner a .cs-car-icon {
  color:var(--cs-primary);
}

.car-services .cs-load-error button {
  background:var(--cs-primary);
}

.car-services-page .bc-dialog {
  border-color:var(--cs-border);
  color:var(--cs-ink);
}

.car-services-page .bc-heading {
  border-color:var(--cs-border);
  background:linear-gradient(135deg,#fff,var(--cs-soft));
}

.car-services-page .bc-heading h2,
.car-services-page .bc-footer strong,
.car-services-page .bc-line-pricing .bc-line-price {
  color:var(--cs-primary);
}

.car-services-page .bc-line {
  border-color:var(--cs-border);
}

.car-services-page .bc-checkout {
  background:var(--cs-primary);
}

.car-services-page .bc-checkout:not([aria-disabled="true"]):hover {
  background:var(--cs-primary-dark);
}

.car-services-page .bc-dialog :focus-visible,
.car-services-page .booking-cart-button:focus-visible,
.car-services .cs-cart-summary :focus-visible {
  outline-color:var(--cs-accent);
}

@media (max-width:767px) {
  #car-services #cs-services-list .cs-rows {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    padding-bottom:12px;
    overflow:visible;
  }

  #car-services #cs-services-list .cs-service-row {
    min-height:365px;
    border-radius:13px;
  }

  #car-services #cs-services-list .cs-service-row>label>.cs-service-image,
  #car-services #cs-services-list .cs-service-row>label>.cs-service-art {
    height:clamp(100px,27vw,128px);
  }

  #car-services #cs-services-list .cs-service-card-copy,
  #car-services #cs-services-list .cs-service-row--tour .cs-service-card-copy {
    gap:7px;
    padding:10px 9px 9px;
  }

  #car-services #cs-services-list .cs-service-card-title,
  #car-services #cs-services-list .cs-service-row--tour .cs-service-card-title {
    min-height:35px;
    gap:6px;
  }

  #car-services #cs-services-list .cs-service-card-title b,
  #car-services #cs-services-list .cs-service-row--tour .cs-service-card-title b {
    font-size:11px;
    line-height:1.45;
  }

  #car-services #cs-services-list .cs-service-card-copy>small,
  #car-services #cs-services-list .cs-service-row--tour .cs-service-card-copy>small {
    min-height:4.35em;
    font-size:9px;
  }

  #car-services #cs-services-list .cs-service-card-city,
  #car-services #cs-services-list .cs-service-row--tour .cs-service-card-city {
    min-height:30px;
    padding:5px 7px;
    font-size:9px;
  }

  #car-services #cs-services-list .cs-service-row .cs-price,
  #car-services #cs-services-list .cs-service-row--tour .cs-price {
    padding:7px 6px;
  }

  #car-services #cs-services-list .cs-service-row .cs-price-amount,
  #car-services #cs-services-list .cs-service-row--tour .cs-price>b {
    font-size:15px;
  }

  #car-services #cs-services-list .cs-price-caption {
    font-size:9px;
  }

  #car-services #cs-services-list .cs-tour-card-badge {
    top:7px;
    right:7px;
    padding:4px 7px;
    font-size:9px;
  }

  #car-services #cs-services-list .cs-service-actions {
    gap:3px;
    margin:0 8px 8px;
  }

  #car-services #cs-services-list .cs-service-actions button {
    min-height:38px;
    padding:6px 5px;
    border-radius:9px;
    font-size:10px;
  }

  #car-services #cs-services-list .cs-service-actions a {
    min-height:25px;
    padding:3px 4px;
    font-size:9px;
  }

  .car-services .cs-banner {
    background-image:linear-gradient(270deg,rgba(147,0,82,.92),rgba(147,0,82,.68)),url('../../../../../image/cars-landing/final-cta-1280.webp');
  }
}

@media (max-width:380px) {
  #car-services #cs-services-list .cs-rows {
    grid-template-columns:minmax(0,1fr);
  }

  #car-services #cs-services-list .cs-service-row {
    min-height:0;
  }

  #car-services #cs-services-list .cs-service-row>label>.cs-service-image,
  #car-services #cs-services-list .cs-service-row>label>.cs-service-art {
    height:clamp(140px,48vw,190px);
  }
}

@media (prefers-reduced-motion:reduce) {
  #car-services #cs-services-list .cs-service-row,
  #car-services #cs-services-list .cs-service-actions button,
  #car-services #cs-services-list .cs-service-actions a {
    transition:none;
  }

  #car-services #cs-services-list .cs-service-row:hover {
    transform:none;
  }
}

/* Keep every text-bearing part of this page on one responsive type scale. */
#car-services {
  --cs-font-family:"IBM Plex Sans Arabic",Tahoma,Arial,sans-serif;
  --cs-type-h1:clamp(28px,5.2vw,48px);
  --cs-type-h2:clamp(22px,2.4vw,30px);
  --cs-type-h3:clamp(17px,1.7vw,21px);
  --cs-type-body:15px;
  --cs-type-support:13.5px;
  --cs-type-button:15px;
  --cs-type-price:22px;
  font-family:var(--cs-font-family);
  font-size:var(--cs-type-body);
  line-height:1.8;
  letter-spacing:normal;
}

#car-services :is(h1,h2,h3,p,small,strong,b,label,select,button,a,summary,span) {
  font-family:var(--cs-font-family)!important;
  letter-spacing:normal!important;
}

#car-services :is(p,small,label,select,button,a,summary,span,b,strong) {
  font-size:var(--cs-type-body)!important;
  font-weight:400!important;
  line-height:1.8!important;
}

#page-wrapper #car-services .cs-service-row>label {
  font-weight:400!important;
}

#car-services #cs-vehicle-title {
  font-size:var(--cs-type-h1)!important;
  font-weight:700!important;
  line-height:1.2!important;
}

#car-services :is(.cs-section-heading h2,.cs-faq>h2,.cs-banner h2,.cs-cart-summary-heading h2) {
  font-size:var(--cs-type-h2)!important;
  font-weight:700!important;
  line-height:1.3!important;
}

#car-services :is(.cs-service-group summary h3,.cs-service-card-title b,.cs-note h3) {
  font-size:var(--cs-type-h3)!important;
  font-weight:700!important;
  line-height:1.4!important;
}

#page-wrapper #car-services :is(b,strong) {
  font-weight:700!important;
}

#car-services :is(.cs-filter label,.cs-faq summary) {
  font-weight:700!important;
}

#car-services :is(.cs-section-heading p,.cs-filter>p,.cs-service-group summary small,
  .cs-service-card-copy>small,.cs-service-card-city,.cs-price-caption,.cs-specs small,
  .cs-faq>p,.cs-cart-summary-heading small,.cs-cart-summary-note,.cs-cart-unpriced,
  .cs-breadcrumb,.cs-tour-card-badge) {
  font-size:var(--cs-type-support)!important;
  font-weight:400!important;
  line-height:1.6!important;
}

#car-services :is(.cs-service-actions button,.cs-service-actions a,.cs-cart-summary-heading button,
  .cs-cart-summary-checkout,.cs-open-cart,.cs-continue,.cs-banner a,.cs-gallery-open,
  .cs-all-photos,.cs-load-error button) {
  font-size:var(--cs-type-button)!important;
  font-weight:700!important;
  line-height:1.5!important;
}

#car-services .cs-price-amount {
  font-size:var(--cs-type-price)!important;
  font-weight:700!important;
  line-height:1.3!important;
  white-space:nowrap;
}

#car-services .cs-price-amount>span {
  font-size:inherit!important;
  font-weight:inherit!important;
  line-height:inherit!important;
}

#car-services .cs-price-amount small {
  font-size:var(--cs-type-support)!important;
  font-weight:400!important;
}

#car-services .cs-cart-summary-total strong,
#car-services .cs-bar-total b {
  font-size:20px!important;
  font-weight:700!important;
  line-height:1.4!important;
}

.car-services-page .bc-dialog {
  font-family:"IBM Plex Sans Arabic",Tahoma,Arial,sans-serif;
  font-size:15px;
  line-height:1.8;
  letter-spacing:normal;
}

.car-services-page .bc-dialog :is(h1,h2,h3,p,small,strong,b,label,button,a,span) {
  font-family:"IBM Plex Sans Arabic",Tahoma,Arial,sans-serif!important;
  letter-spacing:normal!important;
}

.car-services-page .bc-dialog :is(h2,.bc-line-pricing .bc-line-price,.bc-footer strong) {
  font-weight:700!important;
  line-height:1.4!important;
}

.car-services-page .bc-dialog h2 {
  font-size:clamp(22px,2.4vw,30px)!important;
}

.car-services-page .bc-dialog :is(.bc-line-pricing .bc-line-price,.bc-footer strong) {
  font-size:20px!important;
}

body.car-services-page #page-wrapper .bc-dialog .bc-line-pricing .bc-line-price,
body.car-services-page #page-wrapper .bc-dialog .bc-footer strong {
  font-weight:700!important;
}

.car-services-page .bc-dialog p,
.car-services-page .bc-dialog :is(button,a) {
  font-size:15px!important;
  line-height:1.8!important;
}

.car-services-page .bc-dialog small {
  font-size:13.5px!important;
  line-height:1.6!important;
}

.car-services-page .bc-dialog :is(button,.bc-checkout) {
  font-weight:700!important;
}

@media (max-width:767px) {
  .car-services-page {
    padding-bottom:140px;
  }

  #car-services .cs-booking-bar {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:"total continue" "cart count";
    gap:6px 8px;
    padding:8px 10px;
  }

  #car-services .cs-bar-total {
    grid-area:total;
    padding-right:0;
    border-right:0;
    text-align:right;
  }

  #car-services .cs-continue {
    grid-area:continue;
    justify-self:end;
    margin:0;
    padding:7px 12px;
  }

  #car-services .cs-open-cart {
    grid-area:cart;
    justify-self:start;
  }

  #car-services .cs-bar-count {
    grid-area:count;
    justify-self:end;
  }

  #car-services .cs-price-amount {
    font-size:18px!important;
  }

  #car-services :is(.cs-cart-summary-total strong,.cs-bar-total b) {
    font-size:18px!important;
  }
}

.car-services .cs-filter {
  grid-template-columns:repeat(3,minmax(0,1fr));
  border-color:var(--cs-border);
  background:linear-gradient(145deg,#fff,var(--cs-soft));
}

.car-services .cs-service-intro {
  margin:16px 0 0;
}

.car-services .cs-active-filter { color:var(--cs-purple); }

.car-services .cs-cart-summary-heading button,
.car-services .cs-open-cart {
  border-color:var(--cs-accent);
  background:#fff;
  color:var(--cs-purple);
}

.car-services .cs-cart-summary-heading button:hover,
.car-services .cs-open-cart:hover,
.car-services .cs-open-cart:focus-visible {
  border-color:var(--cs-accent);
  background:var(--cs-soft-strong);
  color:var(--cs-purple);
}

.car-services .cs-cart-summary-checkout,
.car-services .cs-continue,
.car-services-page .bc-checkout {
  background:var(--cs-primary);
  color:#fff;
}

.car-services .cs-cart-summary-checkout:hover:not([aria-disabled="true"]),
.car-services .cs-continue:hover:not([aria-disabled="true"]),
.car-services-page .bc-checkout:not([aria-disabled="true"]):hover {
  background:var(--cs-primary-dark);
  color:#fff;
}

@media(max-width:479px) {
  .car-services .cs-filter { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .car-services .cs-filter>div:nth-child(3) { grid-column:1/-1; }
  .car-services .cs-service-intro { gap:8px; padding:12px; }
  .car-services .cs-service-intro>i { font-size:20px; }
  .car-services .cs-service-intro h2 { font-size:15px; }
  .car-services .cs-service-intro p { font-size:11px; }
}