/* Owner-approved adaptive layout, 2026-10-07.
 * Shared typography/material values live in design-system/tokens.json.
 * Use the same named layer as global-design.css: layered !important rules
 * must not silently defeat this stylesheet. No parent-theme edits.
 */
@layer suberide-system{:root{
  --sr-edge-left:max(var(--sr-gutter),env(safe-area-inset-left,0px));
  --sr-edge-right:max(var(--sr-gutter),env(safe-area-inset-right,0px));
 }
html,html body{background-color:var(--sr-footer)!important;}
html{overscroll-behavior-y:none;}

 /* Insets belong to content edges, never every nested page wrapper. */
html body :is(.theme-page,.theme-page-header,.theme-page-content){padding-left:0!important;padding-right:0!important;}

 /* Seamless pure CSS frosted glass canvas - eliminate wallpaper image dependencies and seams */
html body .theme-page{
  background-color:var(--sr-page-canvas-base)!important;
  background-image:var(--sr-page-canvas)!important;
  background-attachment:scroll!important;
  background-repeat:no-repeat!important;
  background-size:100% 100%!important;
 }
html body .theme-main{
  width:calc(100% - var(--sr-edge-left) - var(--sr-edge-right))!important;
  max-width:var(--sr-content-width)!important;
  margin-left:auto!important;margin-right:auto!important;
 }
html body .theme-page-header{padding-top:0!important;background:none!important;}
/* Safe-area clearance sits above the floating bar, outside its glass surface. */
html body .theme-page-header-middle{padding-top:0!important;}
html body.suberide-solid-header .theme-page-header-middle{
  background:var(--sr-header-glass)!important;
  backdrop-filter:var(--sr-chrome-glass-blur)!important;-webkit-backdrop-filter:var(--sr-chrome-glass-blur)!important;
 }
html body.suberide-solid-header .theme-page-header-middle::before{display:none!important;}
html body .suberide-simple-page-heading{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:var(--sr-content-width)!important;margin:0 auto!important;
  padding:var(--sr-space-xl) 0 var(--sr-space-md)!important;
  min-height:0!important;height:auto!important;background:none!important;
 }
html body .suberide-simple-page-heading h1{margin:0!important;}
html body.suberide-solid-header .theme-page-content{padding-top:var(--sr-space-md)!important;}
html body .theme-page-content .wpb-content-wrapper>.suberide-clean-row:first-child{margin-top:0!important;}
html body.suberide-solid-header .theme-page-content .wpb-content-wrapper>.suberide-clean-row:first-child>.vc_column_container>.vc_column-inner{padding-top:0!important;}

 /* One fixed edge-to-edge dock; safe areas are inside its painted surface. */
html body .suberide-app-dock{
  position:fixed!important;inset:auto 0 0!important;transform:none!important;
  width:100%!important;max-width:none!important;margin:0!important;
  box-sizing:border-box!important;border-radius:0!important;
  background:var(--sr-dock-glass)!important;backdrop-filter:var(--sr-chrome-glass-blur)!important;
  -webkit-backdrop-filter:var(--sr-chrome-glass-blur)!important;
  padding:6px var(--sr-edge-right) max(6px,env(safe-area-inset-bottom,0px)) var(--sr-edge-left)!important;
 }
html body .suberide-dock-items{
  width:100%!important;max-width:var(--sr-dock-width)!important;
  margin:auto!important;padding:0!important;box-sizing:border-box!important;
 }
@media(max-width:1023px){
  /* Mobile Safari scroll pockets: paint the wallpaper with the document, not
     a fixed negative-z layer that can be clipped separately from text/media. */
html,html body{background-color:var(--sr-footer)!important;}
html body{isolation:auto!important;}
html body::before{content:none!important;display:none!important;}
html body .theme-page{
   background-color:var(--sr-page-canvas-base)!important;
   background-image:var(--sr-page-canvas)!important;
   background-position:center top!important;
   background-size:100% 100%!important;
   background-repeat:no-repeat!important;
   background-attachment:scroll!important;
  }

  /* Give Safari an opaque bottom-edge sample. Geometry/controls stay unchanged. */
html body .suberide-app-dock{
   background:var(--sr-dock-glass)!important;
   backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  }
html body :is(input,select,textarea){font-size:var(--sr-field-size)!important;}}

 /* Regular pages share the approved silver-white reading surface.
    Keep the homepage's alternating chapters and existing mobile paint behavior. */
html body:not(.home) .theme-page,html body:not(.home)::before{
  background-color:var(--sr-page-canvas-base)!important;
  background-image:var(--sr-page-canvas)!important;
 }
@media(orientation:landscape) and (max-height:500px){:root{--sr-edge-left:max(28px,env(safe-area-inset-left,0px));--sr-edge-right:max(28px,env(safe-area-inset-right,0px));}
html body .suberide-page-hero.suberide-cinematic-hero .suberide-page-hero-copy{
   width:calc(100% - var(--sr-edge-left) - var(--sr-edge-right))!important;
  }}

 /* Native horizontal menus must not overflow a laptop header. The existing
    accessible corner menu remains full-page navigation at desktop widths. */
@media(max-width:1399px){html body .theme-page-header .theme-menu-default{display:none!important;}
html body .theme-page-header .theme-menu-responsive{display:block!important;}}

 /* Approved V4 panorama: one source, centered subjects and responsive scenery crop.
    Reserve desktop space for the Four Pillars and the unchanged Journey dock. */
html body.home .suberide-page-hero.suberide-cinematic-hero{
  position:relative!important;display:block!important;
  width:100vw!important;height:auto!important;min-height:0!important;max-height:none!important;
  padding:0!important;background:var(--sr-footer)!important;overflow:visible!important;
  /* The welcome frame sits flat while the following page scrolls over it. */
  box-shadow:none!important;
 }
html body.home .suberide-page-hero.suberide-cinematic-hero .suberide-page-hero-visual{
  position:relative!important;inset:auto!important;width:100%!important;height:var(--sr-home-panorama-height)!important;
  min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;
  aspect-ratio:auto!important;overflow:hidden!important;
  mask-image:none!important;-webkit-mask-image:none!important;
 }
html body.home .suberide-page-hero.suberide-cinematic-hero :is(picture,.suberide-hero-photo){
  display:block!important;position:static!important;width:100%!important;height:100%!important;
  max-height:none!important;aspect-ratio:auto!important;
  object-fit:cover!important;object-position:var(--sr-home-panorama-position)!important;transform:none!important;
 }
html body.home.suberide-photo-header .suberide-cinematic-hero::before{
  content:"";display:block!important;position:absolute!important;inset:0!important;z-index:1!important;
  background:var(--sr-home-hero-fade)!important;pointer-events:none;
 }
html body.home .suberide-cinematic-hero::after{display:none!important;}
html body.home .suberide-page-hero.suberide-cinematic-hero .suberide-page-hero-copy{
  position:absolute!important;inset:0!important;z-index:2!important;
  width:calc(100% - var(--sr-edge-left) - var(--sr-edge-right))!important;
  max-width:var(--sr-content-width)!important;height:100%!important;max-height:none!important;
  margin:auto!important;padding:110px 0 var(--sr-space-xl)!important;
 }
html body.home .suberide-page-hero-copy>:is(h1,p,.suberide-weather-pill-container){max-width:min(70%,700px)!important;}
html body.home .suberide-cinematic-hero .suberide-hero-desc{display:none!important;}
html body.home .suberide-hero-mobile-intro{display:block!important;}
@media(max-width:1399px){html body.home.suberide-photo-header .suberide-cinematic-hero::before{display:none!important;}
html body.home .suberide-page-hero.suberide-cinematic-hero .suberide-page-hero-visual{height:var(--sr-home-panorama-mobile-height)!important;}
html body.home .suberide-page-hero.suberide-cinematic-hero .suberide-page-hero-copy{
   position:relative!important;inset:auto!important;height:auto!important;max-height:none!important;
   padding:var(--sr-space-lg) var(--sr-edge-right) var(--sr-space-lg) var(--sr-edge-left)!important;overflow:hidden!important;
   width:100%!important;max-width:none!important;box-sizing:border-box!important;
   background:transparent!important;isolation:isolate;
  }
html body.home .suberide-page-hero-copy>:is(h1,p,.suberide-weather-pill-container){max-width:100%!important;}

  /* Continue the actual bottom-edge colours below the intact photograph.
     A vertically extended reflection samples its pavement, then darkens. */
html body.home .suberide-page-hero-copy::before{
   content:"";position:absolute;inset:-16px;z-index:-2;pointer-events:none;
   background-image:var(--sr-home-photo);background-size:var(--sr-entrance-render-width,calc(169% - 54px)) calc(100vw * 56.25);
   background-position:center bottom;background-repeat:repeat-x;filter:blur(16px);
   transform:none;mask-image:none;-webkit-mask-image:none;
  }
html body.home .suberide-page-hero-copy::after{
   content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
   background:var(--sr-home-hero-glass);
  }
html body.home .suberide-cinematic-hero .suberide-hero-desc{display:none!important;}
html body.home .suberide-hero-mobile-intro{display:block!important;}}
@media(min-width:1024px){html body:not(.home) .suberide-hero-mobile-intro{display:none!important;}
html body.home .suberide-page-hero.suberide-cinematic-hero{
   width:var(--sr-home-hero-width)!important;left:50%!important;right:auto!important;
   margin:0!important;transform:translateX(-50%)!important;
  }

  /* Interior desktop photo pages use an intrinsic image beside readable copy. */
html body:not(.home) .theme-page-header-middle{
   background:var(--sr-header-glass)!important;
   backdrop-filter:var(--sr-chrome-glass-blur)!important;-webkit-backdrop-filter:var(--sr-chrome-glass-blur)!important;
  }
html body:not(.home) .theme-page-header-middle::before{display:none!important;}
html body:not(.home) .suberide-page-hero.suberide-cinematic-hero{
   display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
   align-items:center!important;gap:var(--sr-space-xl)!important;
   max-width:var(--sr-content-width)!important;
   margin:var(--sr-space-xl) auto 0!important;
   width:100%!important;left:auto!important;right:auto!important;
   height:auto!important;min-height:0!important;max-height:none!important;
   background:transparent!important;overflow:visible!important;
  }
html body:not(.home) .suberide-cinematic-hero::before,html body:not(.home) .suberide-cinematic-hero::after{display:none!important;}
html body:not(.home) .suberide-page-hero.suberide-cinematic-hero .suberide-page-hero-visual{
   position:relative!important;inset:auto!important;width:100%!important;height:auto!important;
   margin:0!important;max-height:none!important;overflow:hidden!important;
   border-radius:var(--sr-image-radius)!important;box-shadow:var(--sr-photo-rest)!important;
  }
html body:not(.home) .suberide-page-hero.suberide-cinematic-hero :is(picture,.suberide-hero-photo){
   position:static!important;width:100%!important;height:auto!important;max-height:none!important;
   object-fit:contain!important;aspect-ratio:auto!important;
  }
html body:not(.home) .suberide-page-hero.suberide-cinematic-hero .suberide-page-hero-copy{
   position:static!important;inset:auto!important;width:100%!important;
   height:auto!important;max-height:none!important;max-width:none!important;
   padding:0!important;margin:0!important;color:var(--sr-ink)!important;
  }
html body:not(.home) .suberide-cinematic-hero :is(h1,#suberide-page-title){color:var(--sr-ink)!important;text-shadow:none!important;}
html body:not(.home) .suberide-cinematic-hero .suberide-hero-desc{display:block!important;color:var(--sr-text)!important;text-shadow:none!important;}
html body:not(.home) .suberide-cinematic-hero .suberide-kicker{color:var(--sr-gold-text)!important;text-shadow:none!important;}
html body:not(.suberide-trip-page) .sr-vehicle-photo-hero{
   width:calc(100% - var(--sr-edge-left) - var(--sr-edge-right))!important;
   max-width:900px!important;margin:var(--sr-space-xl) auto 0!important;
  }
html body .sr-vehicle-photo-hero .sr-vehicle-hero-viewport{max-height:none!important;border-radius:var(--sr-image-radius)!important;}
html body .sr-vehicle-photo-hero .suberide-simple-page-heading{width:100%!important;}}

 /* Homepage opening order: hero, promises, ride choices. */
html body.home .theme-page-content{padding-top:0!important;}
html body.home .suberide-four-pillars-section{padding-block:var(--sr-space-md)!important;}
html body.home .suberide-four-pillars-section .suberide-four-pillars-section{padding:0!important;}
html body.home .suberide-four-pillars-section .vc_column-inner{padding-top:0!important;}
html body.home .suberide-four-pillars-section h2{margin:0 0 var(--sr-space-md)!important;}
html body.home .suberide-promise-section{max-width:var(--sr-home-pillar-width)!important;}
html body.home .suberide-promise-hint{margin:var(--sr-space-sm) 0 0!important;font-size:var(--sr-small-size)!important;}
html body.home .suberide-promise-foundation summary{padding:4px!important;}
html body.home .suberide-promise-symbol,html body.home .suberide-promise-symbol img.suberide-icon{
   width:var(--sr-home-pillar-icon)!important;height:var(--sr-home-pillar-icon)!important;
   min-width:var(--sr-home-pillar-icon)!important;max-width:var(--sr-home-pillar-icon)!important;
  }
@media(min-width:1024px){html body.home .suberide-promise-label{font-size:var(--sr-home-pillar-label)!important;}}
@media(max-width:1399px){html body.home .suberide-four-pillars-section h2{font-size:var(--sr-h3-size)!important;margin-bottom:var(--sr-space-sm)!important;}}


 /* One entrance at every width: retain desktop image geometry and distribute space.
    Distribute surplus space around the icon row, keeping the final summary
    at the existing 16px bottom inset. Expanded table copy remains scrollable. */
html body.home.sr-home-entrance-fit .suberide-page-hero.suberide-cinematic-hero .suberide-page-hero-visual{
  height:var(--sr-entrance-photo-height,var(--sr-home-panorama-mobile-height))!important;
 }
html body.home.sr-home-entrance-fit [data-home-entrance-pillars] h2{
  margin-bottom:calc(var(--sr-entrance-title-gap,var(--sr-space-sm)) + var(--sr-entrance-spare,0px)/2)!important;
 }
html body.home.sr-home-entrance-fit .suberide-promise-hint{
  margin-top:calc(var(--sr-space-sm) + var(--sr-entrance-spare,0px)/2)!important;
 }
@media(min-width:1400px){html body.home.sr-home-entrance-fit{--sr-entrance-title-gap:var(--sr-space-md);}}

 /* Short landscape tablets need less whitespace before the photo reaches its
    readable minimum height. Keep type, icons and touch targets at their sizes. */
@media(max-width:1399px) and (min-height:501px) and (max-height:700px) and (orientation:landscape){html body.home .suberide-page-hero.suberide-cinematic-hero .suberide-page-hero-copy{
   padding-block:var(--sr-space-sm)!important;
  }
html body.home .suberide-page-hero-copy .suberide-kicker{
   padding-block:0!important;margin-bottom:var(--sr-space-sm)!important;
  }
html body.home .suberide-page-hero-copy h1{margin-bottom:var(--sr-space-sm)!important;}
html body.home .suberide-page-hero-copy .suberide-weather-pill-container{margin-top:0!important;}
html body.home .suberide-four-pillars-section{padding-block:var(--sr-space-sm)!important;}
html body.home .suberide-four-pillars-section .suberide-four-pillars-section{padding:0!important;}}

 /* Keep the mask upright: flipping this layer also flipped its transparency,
    exposing an opaque edge. Feather only the pavement; geometry is unchanged. */
@media(max-width:1399px){html body.home .suberide-page-hero.suberide-cinematic-hero{overflow:clip!important;}
html body.home .suberide-page-hero.suberide-cinematic-hero .suberide-page-hero-copy{
   overflow:visible!important;clip-path:inset(-56px 0 0 0);
  }
html body.home .suberide-page-hero-copy::before{
   top:-72px;
   mask-image:linear-gradient(to bottom,transparent 16px,rgba(0,0,0,.08) 28px,rgba(0,0,0,.35) 42px,rgba(0,0,0,.72) 58px,black 72px);
   -webkit-mask-image:linear-gradient(to bottom,transparent 16px,rgba(0,0,0,.08) 28px,rgba(0,0,0,.35) 42px,rgba(0,0,0,.72) 58px,black 72px);
  }}


 /* =========================================================================
    ALTERNATING FROSTED GLASS HORIZONS: LIGHT ➔ DARK ➔ LIGHT ➔ DARK RHYTHM
    - Alternating sections use smooth glass colour without image texture.
    - Light: Silky pearl white frosted glass (Chapter 1 Pillars, Chapter 3 Vehicle, Chapter 5 Journey).
    - Dark: The lighter left-side footer charcoal tone repeated evenly across the width (Chapters 2 and 4).
    - True tvOS styling: 28px squircles, ambient drop shadows, specular borders, elevation on hover.
    - Zero seams, zero repetition lines on mobile or desktop.
    - Cream text and champagne-gold accents preserve contrast on the dark horizons.
    - Motion-safety compliant.
    ========================================================================= */


 /* Viewport overflow clipping for edge-to-edge horizons */
html{
  overflow-x: clip!important;
 }


 /* Chapter 1: Four Promises Pillars (Floating on Light Frosted Canvas) */
html body.home .suberide-four-pillars-section{
  padding-block: var(--sr-space-lg) var(--sr-space-xl)!important;
 }
html body.home .suberide-four-pillars-section h2{
  color: var(--sr-ink)!important;
 }


 /* Chapter 2: Where would you like to go? (Footer-Matched Charcoal Glass Horizon) */
html body.home :is(.suberide-services, #lifestyles, [data-sr-section="home-lifestyles-glass"]){
  position: relative!important;
  left: 50%!important;
  right: auto!important;
  width: 100vw!important;
  margin-left: -50vw!important;
  margin-right: 0!important;
  box-sizing: border-box!important;
  padding-left: max(var(--sr-edge-left), calc((100vw - var(--sr-content-width)) / 2))!important;
  padding-right: max(var(--sr-edge-right), calc((100vw - var(--sr-content-width)) / 2))!important;
  padding-block: clamp(52px, 6.5vw, 84px)!important;
  margin-block: 0!important;
  background: var(--sr-home-section-glass)!important;
  backdrop-filter: none!important;
  -webkit-backdrop-filter: none!important;
  box-shadow: var(--sr-home-section-glass-edge)!important;
 }
html body.home :is(.suberide-services, #lifestyles, [data-sr-section="home-lifestyles-glass"]) h2{
  color: var(--sr-home-section-heading)!important;
  margin-bottom: var(--sr-space-md)!important;
 }
html body.home .suberide-ride-grid{
  gap: var(--sr-photo-column-gap)!important;
 }

 /* Ride labels remain over the photograph, with a soft readability scrim. */
html body .suberide-ride-card::after{
  content:""!important;position:absolute!important;inset:0!important;z-index:1!important;
  background:linear-gradient(transparent 45%,rgba(10,14,23,.82))!important;
  pointer-events:none!important;border-radius:inherit!important;
 }
html body .suberide-ride-card .suberide-ride-caption{
  position:absolute!important;bottom:20px!important;left:24px!important;right:24px!important;
  z-index:2!important;display:flex!important;flex-direction:column!important;
  line-height:var(--sr-body-line)!important;pointer-events:none!important;
 }

 /* Champagne section labels echo the holding page without changing photo-card captions. */
html body.home :is(.suberide-services, #lifestyles, #your-driver, [data-sr-section="home-lifestyles-glass"], [data-sr-section="home-your-driver-glass"]) .sr-section-kicker{
  color: var(--sr-home-section-accent)!important;
 }
html body.home :is(.suberide-services, #lifestyles, #your-driver, [data-sr-section="home-lifestyles-glass"], [data-sr-section="home-your-driver-glass"]) .sr-section-kicker::before{
  background: var(--sr-home-section-accent);
 }


 /* Chapter 3: Vehicle Showcase ("Your Space for the Journey" - Light Frosted Canvas) */
html body.home #vehicle{
  padding-block: var(--sr-space-xl)!important;
  margin-block: var(--sr-space-lg)!important;
 }
html body.home #vehicle h2{
  color: var(--sr-ink)!important;
 }
html body.home #vehicle p:not(.sr-section-kicker){
  color: var(--sr-text)!important;
 }
html body.home .sr-home-vehicle-card{
  position: relative!important;
  background: transparent!important;
  border: none!important;
  box-shadow: none!important;
  outline: none!important;
 }
html body.home .sr-home-vehicle-card::before,html body.home .sr-home-vehicle-card::after,html body .sr-home-vehicle-card::before,html body .sr-home-vehicle-card::after{
  display: none !important;
  content: none !important;
 }


/* Chapter 4: Driver Milestones & Experience ("Meet Your Driver" - Footer-Matched Charcoal Glass Horizon) */
html body.home :is(#your-driver, [data-sr-section="home-your-driver-glass"]){
 position: relative!important;
 left: 50%!important;
 right: auto!important;
 width: 100vw!important;
 margin-left: -50vw!important;
 margin-right: 0!important;
 box-sizing: border-box!important;
 padding-left: max(var(--sr-edge-left), calc((100vw - var(--sr-content-width)) / 2))!important;
 padding-right: max(var(--sr-edge-right), calc((100vw - var(--sr-content-width)) / 2))!important;
 padding-block: clamp(52px, 6.5vw, 84px)!important;
 margin-block: 0!important;
 background: var(--sr-home-section-glass)!important;
 backdrop-filter: none!important;
 -webkit-backdrop-filter: none!important;
 box-shadow: var(--sr-home-section-glass-edge)!important;
}
html body.home :is(#your-driver, [data-sr-section="home-your-driver-glass"]) h2{
 color: var(--sr-home-section-heading)!important;
}
html body.home :is(#your-driver, [data-sr-section="home-your-driver-glass"]) p:not(.sr-section-kicker){
 color: var(--sr-home-section-text)!important;
}
html body.home .sr-home-milestones{
 padding:0!important;
 margin-block:0 var(--sr-space-sm)!important;
}
html body.home :is(#your-driver, [data-sr-section="home-your-driver-glass"]) .sr-home-stat{
 color: var(--sr-gold-light)!important;
 font-weight: var(--sr-home-stat-weight)!important;
 letter-spacing: -0.02em;
}
html body.home :is(#your-driver, [data-sr-section="home-your-driver-glass"]) .sr-home-stat small{
 color: inherit!important;
}
html body.home :is(#your-driver, [data-sr-section="home-your-driver-glass"]) .sr-home-stat-label{
 color: var(--sr-home-section-text)!important;
 font-size: var(--sr-home-stat-label-size)!important;
}
html body.home :is(#your-driver, [data-sr-section="home-your-driver-glass"]) .sr-home-stat-note{
 color: var(--sr-home-section-text)!important;
}
html body.home :is(#your-driver, [data-sr-section="home-your-driver-glass"]) .sr-home-credentials{
 color: var(--sr-home-section-text)!important;
}


 /* Chapter 5: Journey Steps ("Your next journey" - Light Frosted Canvas) */
html body.home :is(#next-journey, .sr-home-closing) .sr-closing-kicker{color:var(--sr-gold-text)!important;}
html body.home :is(#next-journey, .sr-home-closing) h2{color:var(--sr-ink)!important;}
html body.home :is(#next-journey, .sr-home-closing) p{color:var(--sr-text)!important;}



/* =========================================================================
   SU ASSISTANT REAL PHOTO PORTRAIT AVATAR & TYPOGRAPHY
   ========================================================================= */
.sr-su-identity{
 display: flex!important;
 align-items: center!important;
 gap: 14px!important;
 margin-bottom: 6px!important;
}
.sr-su-avatar-wrap{
 position: relative!important;
 width: 50px!important;
 height: 50px!important;
 min-width: 50px!important;
 min-height: 50px!important;
 border-radius: 50%!important;
 border: 2px solid #D4AF37!important;
 box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35)!important;
 flex-shrink: 0!important;
 background: #0A0E17!important;
}
.sr-su-avatar-img{
 width: 100%!important;
 height: 100%!important;
 object-fit: cover!important;
 border-radius: 50%!important;
 display: block!important;
}
.sr-su-avatar-badge{
 position: absolute!important;
 bottom: -3px!important;
 right: -3px!important;
 width: 18px!important;
 height: 18px!important;
 border-radius: 50%!important;
 background: #0A0E17!important;
 border: 1.5px solid #D4AF37!important;
 display: flex!important;
 align-items: center!important;
 justify-content: center!important;
 box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4)!important;
}
.sr-su-avatar-badge img.suberide-icon{
 width: 11px!important;
 height: 11px!important;
 min-width: 11px!important;
 max-width: 11px!important;
}
.sr-su-eyebrow{
 font-size: 11px!important;
 font-weight: 700!important;
 text-transform: uppercase!important;
 letter-spacing: 0.08em!important;
 color: #D4AF37!important;
 margin: 0 0 2px!important;
}
html body .suberide-su-panel h2#suberide-su-title{
 margin: 0!important;
 font-size: 20px!important;
 font-weight: 800!important;
 color: #0A0E17!important;
 line-height: 1.2!important;
}


/* =========================================================================
   APPLE tvOS DESIGN SYSTEM UNIFICATION (IMAGES, CARDS, BUTTONS & CHBS)
   Enforces owner-approved continuous 28px squircles, ambient shadows,
   specular highlights, and 9999px brushed gold pill buttons across all routes.
   ========================================================================= */


/* Photo geometry and elevation are owned by design-system/components.css
   and elevation.css. Do not add competing image transforms here. */


/* Focus Cards & Dialog Frames (Slightly Rounded Corners) */
html body dialog.sr-focus-card > .sr-focus-card-frame,html body .sr-focus-card-frame{
  border-radius: var(--sr-image-radius) !important;
  border: var(--sr-light-glass-border) !important;
  outline: none !important;
}


/* Explicitly strip white background and white gradient pseudo-elements from homepage cards & image containers */
html body :is(.suberide-ride-grid .suberide-ride-card::before, .suberide-ride-card::before, .vc_single_image-wrapper::after, .theme-image-style-1 .vc_single_image-wrapper::after){
  display: none !important;
  content: none !important;
}
html body :is(
  .wpb_single_image,
  .wpb_single_image .vc_figure,
  .wpb_single_image .wpb_wrapper,
  .wpb_single_image .vc_single_image-wrapper,
  .vc_single_image-wrapper,
  .theme-component-gallery>ul>li>a,
  .theme-component-feature-image-list-item-image,
  .suberide-cinema,
  .suberide-cinema .vc_single_image-wrapper
){
  background: transparent !important;
  border: none !important;
  outline: none !important;
  border-radius: 14px !important;
  overflow: visible !important;
}


/* 2. All Buttons & Interactive CTAs (9999px Full Pills + Brushed Gold + Specular Highlight) */
html body :is(
  .sr-button,
  .theme-component-button>a,
  .theme-button,
  .chbs-button,
  .vc_btn3,
  .sr-su-composer button[type=submit],
  .sr-su-card-cta,
  .suberide-dock-book,
  .theme-go-to-top,
  .suberide-gold-link,
  button:not(.suberide-promise-trigger):not(.suberide-navigation-close):not(.suberide-promise-close):not([data-su-close]):not([data-install-close]):not(.chbs-google-map button):not(.chbs-google-map-summary button),
  input[type=submit],
  input[type=button]
):not(.sr-su-container *){
  border-radius: var(--sr-button-radius) !important;
  background: var(--sr-gold-gradient) !important;
  color: var(--sr-ink) !important;
  font-family: var(--sr-font-family) !important;
  font-weight: var(--sr-button-weight) !important;
  box-shadow: var(--sr-button-shadow) !important;
  border: 0 !important;
  transition: transform var(--sr-motion-fast) var(--sr-motion-ease), box-shadow var(--sr-motion-fast) ease, background var(--sr-motion-fast) ease !important;
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference){html body :is(
    .sr-button,
    .theme-component-button>a,
    .theme-button,
    .chbs-button,
    .vc_btn3,
    .sr-su-composer button[type=submit],
    .sr-su-card-cta,
    .suberide-dock-book,
    .suberide-gold-link,
    button:not(.suberide-promise-trigger):not(.suberide-navigation-close):not(.suberide-promise-close):not([data-su-close]):not([data-install-close]):not(.chbs-google-map button):not(.chbs-google-map-summary button),
    input[type=submit],
    input[type=button]
  ):not(:disabled):not(.sr-su-container *):hover{
    background: var(--sr-gold-hover) !important;
    transform: translateY(var(--sr-button-lift-hover)) scale(var(--sr-button-scale-hover)) !important;
    box-shadow: var(--sr-button-shadow-hover) !important;
  }}


/* Secondary & Ghost Buttons: Specular Glass Reflection */
html body :is(.sr-button-secondary, .suberide-button-ghost, .theme-button-secondary):not(.sr-su-container *){
  border-radius: var(--sr-button-radius) !important;
  background: var(--sr-light-glass) !important;
  border: 1px solid rgba(212,175,55,0.4) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.65), 0 6px 16px rgba(15,23,42,0.08) !important;
  color: var(--sr-ink) !important;
}


/* 3. Chauffeur Booking System (CHBS) Cards & Selection Modules (Sharp Edges + Zero Borders + Floating Shadow) */
html body .chbs-main :is(
  .chbs-vehicle-list>li,
  .chbs-booking-extra-list>li,
  .chbs-summary,
  .theme-vehicle-list-item,
  .chbs-payment>li
){
  border-radius: 14px !important;
  background: var(--sr-light-glass) !important;
  border: none !important;
  outline: none !important;
  box-shadow: 0 16px 40px rgba(15,23,42,0.18) !important;
  overflow: hidden !important;
  transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.28s ease !important;
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference){html body .chbs-main :is(
    .chbs-vehicle-list>li,
    .chbs-booking-extra-list>li,
    .chbs-summary,
    .theme-vehicle-list-item
  ):hover{
    transform: translateY(-6px) scale(1.01) !important;
    box-shadow: 0 24px 50px rgba(15,23,42,0.24) !important;
  }}}


/* Welcome pillars retain the same safe-area-aware reading width. */
html body.home .sr-home-welcome-pillars{width:calc(100% - var(--sr-edge-left) - var(--sr-edge-right));}