/* =====================================================================
   ePerformance · capa de estilo iOS (2026-09-30)
   Se carga la última y solo en ePerformance (html.ep-ios, nunca Teslize).
   El prefijo :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) pesa como un ID: gana a los parches
   anteriores sin tener que tocarlos.
   No modifica los componentes: redefine tokens y re-estiliza las clases
   existentes. Para desactivarla basta con quitar la clase ep-ios.
   ===================================================================== */
@font-face{font-family:"EP iOS Sans";src:url(/web/fonts/eperformance-ios-inter-latin.woff2) format("woff2");font-weight:400 800;font-style:normal;font-display:swap}

/* ---------- tokens ---------- */
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize){
  --ios-bg:#000;--ios-bg2:#1c1c1e;--ios-bg3:#2c2c2e;--ios-bg4:#3a3a3c;
  --ios-fill:rgba(120,120,128,.26);--ios-fill2:rgba(120,120,128,.16);
  --ios-sep:rgba(84,84,88,.6);--ios-line:rgba(255,255,255,.1);
  --ios-tx:#fff;--ios-tx2:rgba(235,235,245,.62);--ios-tx3:rgba(235,235,245,.34);
  --ios-ac:#d23a58;--ios-ac2:#ee6f86;--ios-ac-rgb:210,58,88;--ios-ga:#ee4d6c;--ios-gb:#f09a78;
  --ios-blue:#0a84ff;--ios-green:#30d158;--ios-orange:#ff9f0a;--ios-yellow:#ffd60a;--ios-purple:#bf5af2;
  --ios-sf:-apple-system,BlinkMacSystemFont,"SF Pro Text","EP iOS Sans","Inter",system-ui,sans-serif;
  --ios-sfd:-apple-system,BlinkMacSystemFont,"SF Pro Display","EP iOS Sans","Inter",system-ui,sans-serif;
  --ios-rnd:ui-rounded,"SF Pro Rounded",-apple-system,"EP iOS Sans","Inter",system-ui,sans-serif;
  --ios-ease:cubic-bezier(.32,.72,0,1);--ios-spring:cubic-bezier(.34,1.45,.64,1);
  --ios-glass:rgba(40,40,44,.55);
  background:#000;color-scheme:dark;
}
/* tokens heredados de la web: se re-mapean en la raíz y en los contenedores que los redefinen */
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize),
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) :is(body,.shop-main,.commerce-home,.landing-polished,.shop-main:has(.product-catalog)){
  --ep-canvas:#000;--ep-bg:#000;--ep-bg-deep:#000;--ep-night:#000;--ep-night-deep:#000;--ep-night-raised:#2c2c2e;
  --ep-ink:#fff;--ep-text-soft:rgba(235,235,245,.62);--ep-muted:rgba(235,235,245,.5);
  --ep-line:rgba(255,255,255,.1);--ep-line-strong:rgba(255,255,255,.16);
  --ep-panel:#1c1c1e;--ep-panel-muted:#2c2c2e;--ep-surface:#1c1c1e;--ep-surface-raised:#2c2c2e;
  --ep-accent:#d23a58;--ep-accent-dark:#ee6f86;--ep-accent-pale:rgba(210,58,88,.16);--ep-accent-soft:#ee6f86;
  --ep-accent-hover:#e04866;--ep-accent-bright:#ee6f86;--ep-accent-strong:#b8304d;--ep-accent-ink:#fff;
  --ep-accent-rgb:210 58 88;--ep-cta-rgb:210 58 88;--cta:#d23a58;--cta-hover:#e04866;--red:#d23a58;
  --font-sans:var(--ios-sf);--font-display:var(--ios-sfd);
}

/* ---------- base ---------- */
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) body{background:#000;color:#fff;font-family:var(--ios-sf);letter-spacing:-.011em;-webkit-font-smoothing:antialiased}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) :is(h1,h2,h3,h4){font-family:var(--ios-sfd)}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) ::selection{background:rgba(210,58,88,.45);color:#fff}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .commerce-home,
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .shop-main,
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) main{background:#000}

/* ---------- botones (cápsulas iOS) ---------- */
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) :is(.landing-primary,.landing-header-quote,.shop-quote-link,.vehicle-finder-fields button[type=submit],.home-pickup-copy button,.ep-quick-contact button[type=submit],.pickup-submit){
  display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 24px;border:0;border-radius:999px;
  background:var(--ios-ac);color:#fff;font:600 16px/1 var(--ios-sf);letter-spacing:-.01em;box-shadow:none;text-transform:none;
  transition:transform .3s var(--ios-ease),filter .25s,background .25s}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) :is(.landing-primary,.landing-header-quote,.shop-quote-link,.vehicle-finder-fields button[type=submit],.home-pickup-copy button,.ep-quick-contact button[type=submit]):active{transform:scale(.96)}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .landing-secondary{display:inline-flex;align-items:center;gap:8px;min-height:50px;padding:0 24px;border-radius:999px;border:1px solid rgba(255,255,255,.14);
  background:rgba(44,44,48,.5);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);color:#fff;font:600 16px/1 var(--ios-sf);letter-spacing:-.01em;box-shadow:inset 0 1px 0 rgba(255,255,255,.14)}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .landing-secondary:active{transform:scale(.96)}
@media (hover:hover){
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) :is(.landing-primary,.landing-header-quote,.shop-quote-link,.vehicle-finder-fields button[type=submit],.home-pickup-copy button,.ep-quick-contact button[type=submit]):hover{filter:brightness(1.12);transform:none}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .landing-secondary:hover{background:rgba(70,70,76,.6)}
}

/* ---------- cabecera de la home: cápsula de vidrio flotante ---------- */
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .landing-header{top:12px;background:transparent!important;border:0!important;box-shadow:none!important;padding:0 clamp(12px,3vw,40px);-webkit-backdrop-filter:none;backdrop-filter:none}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .landing-header-inner{max-width:1200px;margin:0 auto;height:58px;padding:0 8px 0 22px;border-radius:999px;
  background:rgba(30,30,33,.62);-webkit-backdrop-filter:blur(26px) saturate(180%);backdrop-filter:blur(26px) saturate(180%);
  border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 16px 40px rgba(0,0,0,.45)}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .landing-desktop-nav a{font:500 15px/1 var(--ios-sf);color:var(--ios-tx2);letter-spacing:-.01em;transition:color .2s}
@media (hover:hover){:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .landing-desktop-nav a:hover{color:#fff}}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .landing-icon-button{border-radius:50%;background:transparent;transition:background .2s}
@media (hover:hover){:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .landing-icon-button:hover{background:var(--ios-fill2)}}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .landing-header-quote{min-height:40px;padding:0 18px;font-size:14.5px}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .landing-header .ep-contact-links a{border-radius:999px;font:600 14.5px/1 var(--ios-sf)}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .landing-panel{border-radius:28px;background:rgba(28,28,30,.86);-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);border:1px solid rgba(255,255,255,.1)}

/* ---------- cabecera de tienda (resto de páginas) ---------- */
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .shop-header{background:rgba(0,0,0,.72)!important;-webkit-backdrop-filter:blur(26px) saturate(180%);backdrop-filter:blur(26px) saturate(180%);border-bottom:.5px solid var(--ios-sep)!important;box-shadow:none!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .shop-announcement{background:#1c1c1e!important;color:var(--ios-tx2)!important;font:500 12.5px/1.3 var(--ios-sf)!important;letter-spacing:0!important;text-transform:none!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .shop-header-main,:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .shop-category-bar{background:transparent!important}
/* buscador de la cabecera: un único campo de búsqueda estilo iOS */
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .shop-global-search{background:rgba(118,118,128,.24)!important;border:0!important;border-radius:999px!important;box-shadow:none!important;transition:box-shadow .2s,background .2s}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .shop-global-search:focus-within{background:rgba(118,118,128,.32)!important;box-shadow:0 0 0 3px rgba(210,58,88,.35)!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .shop-global-search svg{color:rgba(235,235,245,.6)!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .shop-global-search input{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;outline:0!important;color:#fff!important;font:400 15px/1.2 var(--ios-sf)!important;letter-spacing:-.01em}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .shop-global-search input::placeholder{color:rgba(235,235,245,.5)!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .shop-global-search button{border-radius:999px!important;height:34px!important;margin:5px 0!important;padding:0 16px!important;align-self:center}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) :is(.shop-primary-nav,.shop-category-bar) a{font-family:var(--ios-sf);letter-spacing:-.01em}

/* ---------- títulos y etiquetas de sección ---------- */
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) :is(.commerce-kicker,.landing-finder-intro>p,.commerce-section-head p,.home-pickup-kicker,.commerce-social-head p,.commerce-contact-copy>p,.ep-visit p:first-child,.ep-about-copy>p:first-child,.ep-quick-contact>p:first-child,.commerce-instagram-heading p,.commerce-social-card-meta p,.commerce-social-reel .commerce-social-card-copy>p){
  font:600 13px/1.3 var(--ios-sf)!important;letter-spacing:.04em!important;text-transform:uppercase;color:var(--ios-ac2)!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) :is(.landing-finder-intro h2,.commerce-section-head h2,.home-pickup-copy h2,.commerce-social-head h2,.commerce-contact-copy h2,.ep-visit h2){
  font:700 clamp(2.1rem,4.4vw,3.8rem)/1.05 var(--ios-sfd)!important;letter-spacing:-.032em!important;color:#fff}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .home-pickup-copy h2 strong,
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .commerce-hero h1 strong{background:linear-gradient(90deg,var(--ios-ga),var(--ios-gb));-webkit-background-clip:text;background-clip:text;color:transparent!important;font-weight:inherit}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) :is(.commerce-section-head>span,.commerce-social-head>p,.landing-finder-intro>span,.commerce-contact-copy>span){color:var(--ios-tx2)!important;font:400 17px/1.47 var(--ios-sf)!important;letter-spacing:-.01em}

/* ---------- hero ---------- */
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .commerce-hero-backdrop img{animation:ios-unlock 1.8s var(--ios-ease) both}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .commerce-hero h1{font:700 clamp(2.6rem,5.8vw,5.9rem)/1.02 var(--ios-sfd)!important;letter-spacing:-.04em!important;animation:ios-rise 1s var(--ios-ease) .1s both}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .commerce-hero-lead{color:var(--ios-tx2)!important;font:400 clamp(1.05rem,1.35vw,1.25rem)/1.45 var(--ios-sf)!important;animation:ios-rise 1s var(--ios-ease) .25s both}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .home-entry-paths{gap:12px;animation:ios-rise 1s var(--ios-ease) .38s both}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .commerce-kicker{animation:ios-rise .9s var(--ios-ease) both}

/* ---------- buscador: lista agrupada tipo Ajustes ---------- */
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .vehicle-finder{background:#1c1c1e!important;border:0!important;border-radius:28px!important;padding:20px!important;box-shadow:none!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .vehicle-finder-head{padding:2px 4px 14px!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .vehicle-finder-head span{display:none}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .vehicle-finder-head strong{font:700 20px/1.2 var(--ios-sfd)!important;letter-spacing:-.02em;color:#fff}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .vehicle-finder-head a{color:var(--ios-ac2)!important;font:600 15px/1 var(--ios-sf)!important;text-decoration:none}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .vehicle-finder-fields{display:grid!important;grid-template-columns:1fr!important;gap:0!important;background:#2c2c2e;border-radius:14px;overflow:hidden}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .vehicle-finder-fields label{position:relative;display:flex!important;flex-direction:row!important;align-items:center;gap:12px;min-height:52px;height:auto!important;padding:4px 16px!important;margin:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .vehicle-finder-fields label+label::before{content:"";position:absolute;top:0;left:16px;right:0;height:.5px;background:var(--ios-sep)}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .vehicle-finder-fields label>span{flex:none;color:#fff!important;font:400 17px/1.3 var(--ios-sf)!important;letter-spacing:-.01em!important;text-transform:none!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .vehicle-finder-fields .ep-soft-select{flex:1;min-width:0;height:44px;padding:0 22px 0 0!important;border:0!important;border-radius:0!important;background:transparent url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='13' viewBox='0 0 8 13'><path d='M1.5 1.5 6.5 6.5 1.5 11.5' fill='none' stroke='%23636366' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat right center!important;
  color:var(--ios-tx2)!important;font:400 17px/1 var(--ios-sf)!important;text-align:right!important;box-shadow:none!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .vehicle-finder-fields .ep-soft-select:disabled,
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .vehicle-finder-fields .ep-soft-select[aria-disabled="true"]{opacity:.45}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .vehicle-finder-fields button[type=submit]{grid-column:1/-1;margin:0!important;border-radius:0!important;min-height:54px}
/* menú desplegable propio de la web → menú contextual iOS */
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .ep-soft-options{border-radius:14px!important;background:rgba(37,37,40,.92)!important;-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);border:0!important;box-shadow:0 20px 60px rgba(0,0,0,.6)!important;padding:6px 0!important;font:400 17px/1.3 var(--ios-sf)!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .ep-soft-options [role=option]{padding:11px 16px!important;border-radius:0!important;color:#fff!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .ep-soft-options [role=option]+[role=option]{box-shadow:inset 0 .5px 0 var(--ios-sep)}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .ep-soft-options [role=option][aria-selected=true]{background:rgba(255,255,255,.08)!important;color:#fff!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .ep-soft-options [role=option]:hover{background:rgba(255,255,255,.1)!important}
/* cifras bajo el buscador → widgets */
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .commerce-hero-trust{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .commerce-hero-trust>span{display:flex!important;flex-direction:column;align-items:flex-start;gap:6px;padding:18px 20px 20px;border-radius:24px;background:#1c1c1e;color:var(--ios-tx2)!important;font:400 15px/1.3 var(--ios-sf)!important;letter-spacing:-.01em}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .commerce-hero-trust b{font:700 clamp(2rem,3.6vw,2.9rem)/1 var(--ios-rnd)!important;letter-spacing:-.03em;color:#fff!important}

/* ---------- instalaciones: tarjetas tipo App Store ---------- */
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .ep-discovery>a{border-radius:28px!important;border:0!important;overflow:hidden;background:#1c1c1e!important;transition:transform .5s var(--ios-ease),box-shadow .5s var(--ios-ease)!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .ep-discovery>a img{transition:transform 1s var(--ios-ease)!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .ep-discovery>a h3{font:700 clamp(1.4rem,2vw,1.75rem)/1.08 var(--ios-sfd)!important;letter-spacing:-.025em!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .ep-discovery>a p{color:rgba(255,255,255,.72)!important;font:400 15px/1.4 var(--ios-sf)!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .ep-discovery>a div>span{display:inline-flex;align-items:center;height:30px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.22);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff!important;font:700 14px/1 var(--ios-sf)!important;letter-spacing:0!important;text-transform:none!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .ep-discovery>a:active{transform:scale(.97)}
@media (hover:hover){
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .ep-discovery>a:hover{transform:translateY(-6px)!important;box-shadow:0 30px 60px -28px rgba(0,0,0,.95)!important}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .ep-discovery>a:hover img{transform:scale(1.05)!important}
}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .ep-discovery-more>span{font:600 13px/1 var(--ios-sf)!important;letter-spacing:.04em!important;text-transform:uppercase;color:var(--ios-tx3)!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .ep-discovery-more a{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 15px 0 17px!important;border:0!important;border-radius:999px!important;background:var(--ios-fill)!important;color:#fff!important;font:600 15px/1 var(--ios-sf)!important;letter-spacing:-.01em!important;text-transform:none!important;transition:background .25s,transform .3s var(--ios-ease)}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .ep-discovery-more a span{color:var(--ios-ac2)}
@media (hover:hover){:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .ep-discovery-more a:hover{background:var(--ios-ac)!important}:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .ep-discovery-more a:hover span{color:#fff}}

/* ---------- recogida ---------- */
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .home-pickup-shell{border-radius:34px!important;background:radial-gradient(60% 80% at 100% 0%,rgba(210,58,88,.2),transparent 65%),#1c1c1e!important;border:0!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .home-pickup-copy>p:not(.home-pickup-kicker){color:var(--ios-tx2)!important;font:400 17px/1.47 var(--ios-sf)!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .home-pickup-facts{border-radius:14px!important;background:#2c2c2e!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .home-pickup-facts article{min-height:64px!important;border-bottom:0!important;position:relative;padding:12px 16px!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .home-pickup-facts article+article::before{content:"";position:absolute;top:0;left:16px;right:0;height:.5px;background:var(--ios-sep)}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .home-pickup-facts span{color:#fff!important;font:400 17px/1.2 var(--ios-sf)!important;letter-spacing:-.01em!important;text-transform:capitalize}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .home-pickup-facts small{color:var(--ios-tx2)!important;font:400 13.5px/1.35 var(--ios-sf)!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .home-pickup-facts strong{font:700 19px/1 var(--ios-rnd)!important;color:#fff!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .home-pickup-facts article:nth-child(2) strong{font:600 16px/1 var(--ios-sf)!important;color:var(--ios-ac2)!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .pickup-dialog{border-radius:28px!important;background:#1c1c1e!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .pickup-dialog input{border-radius:12px!important;background:#2c2c2e!important}

/* ---------- dentro del taller ---------- */
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .ep-about{border-radius:34px!important;overflow:hidden;border:0!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .ep-about-copy h3{font:700 clamp(2.3rem,4.8vw,4.2rem)/1.02 var(--ios-sfd)!important;letter-spacing:-.04em!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .ep-about-copy>p:first-child{color:rgba(255,255,255,.72)!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .ep-about-copy a{display:inline-flex;align-items:center;height:36px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(44,44,48,.5);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff!important;font:600 14.5px/1 var(--ios-sf)!important;text-decoration:none!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .ep-about-reviews{border-radius:28px!important;background:rgba(40,40,44,.5)!important;-webkit-backdrop-filter:blur(26px) saturate(180%)!important;backdrop-filter:blur(26px) saturate(180%)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 12px 40px rgba(0,0,0,.35)!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .ep-about-reviews header span{font:600 12px/1.3 var(--ios-sf)!important;letter-spacing:.04em!important;text-transform:uppercase;color:rgba(255,255,255,.7)!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .ep-about-reviews header b{color:var(--ios-yellow)!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .ep-review-slide blockquote{font:600 clamp(1.15rem,1.55vw,1.4rem)/1.3 var(--ios-sfd)!important;letter-spacing:-.02em!important;font-style:normal!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .ep-review-slide figcaption{font:600 15px/1.2 var(--ios-sf)!important;color:rgba(255,255,255,.8)!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .ep-review-tools button{border-radius:999px!important;background:rgba(255,255,255,.14)!important;border:0!important;color:#fff!important}
/* redes → widgets con icono de app */
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .commerce-social-channel{border-radius:26px!important;background:#1c1c1e!important;border:0!important;transition:background .25s,transform .3s var(--ios-ease)}
@media (hover:hover){:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .commerce-social-channel:hover{background:#2c2c2e!important}}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .commerce-social-channel:active{transform:scale(.98)}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .commerce-social-channel-icon{width:54px!important;height:54px!important;border-radius:12.5px!important;display:grid!important;place-items:center}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .commerce-social-channel[data-channel=instagram] .commerce-social-channel-icon{background:linear-gradient(45deg,#feda75,#fa7e1e 25%,#d62976 50%,#962fbf 75%,#4f5bd5)!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .commerce-social-channel[data-channel=youtube] .commerce-social-channel-icon{background:#ff0033!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .commerce-social-channel-icon img{width:28px!important;height:28px!important;filter:brightness(0) invert(1)}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .commerce-social-channel-stat strong{font:700 clamp(1.6rem,2.4vw,2.1rem)/1 var(--ios-rnd)!important;letter-spacing:-.03em}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .commerce-social-channel em{font-style:normal;color:var(--ios-ac2)!important;font:600 15px/1 var(--ios-sf)!important}
/* vídeo destacado y reels */
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) :is(.commerce-social-feature,.commerce-social-reel){border-radius:30px!important;background:#1c1c1e!important;border:0!important;overflow:hidden}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .commerce-social-reel{border-radius:26px!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .commerce-social-play{width:64px!important;height:64px!important;display:grid!important;place-items:center!important;padding:0!important;border-radius:50%!important;border:1px solid rgba(255,255,255,.42)!important;background:rgba(18,18,20,.3)!important;-webkit-backdrop-filter:blur(12px) saturate(150%);backdrop-filter:blur(12px) saturate(150%);box-shadow:0 4px 14px rgba(0,0,0,.2)!important;color:#fff!important;transition:transform .45s var(--ios-spring),background .25s!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .commerce-social-play svg{width:26px!important;height:26px!important;margin-left:2px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.25))}
@media (hover:hover){:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .commerce-social-play:hover{background:rgba(18,18,20,.45)!important;transform:scale(1.06)}}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .commerce-social-play--small{width:44px!important;height:44px!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .commerce-social-play--small svg{width:18px!important;height:18px!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .commerce-social-play svg{fill:#fff!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) :is(.commerce-youtube-stamp,.commerce-reel-account){border-radius:999px!important;background:rgba(44,44,48,.55)!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12)!important;font:600 12.5px/1 var(--ios-sf)!important;letter-spacing:0!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .commerce-social-card-copy h3{font:700 clamp(1.3rem,2.3vw,2.2rem)/1.1 var(--ios-sfd)!important;letter-spacing:-.03em!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .commerce-social-reel .commerce-social-card-copy h3{font:600 19px/1.25 var(--ios-sf)!important;letter-spacing:-.02em!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .commerce-social-card-copy>span{color:var(--ios-tx2)!important;font:400 15px/1.45 var(--ios-sf)!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .commerce-social-card-copy a{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 16px;border-radius:999px;background:var(--ios-fill);color:#fff!important;font:600 14.5px/1 var(--ios-sf)!important;text-decoration:none!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .commerce-instagram-mark{width:46px!important;height:46px!important;border-radius:11px!important;display:grid!important;place-items:center;background:linear-gradient(45deg,#feda75,#fa7e1e 25%,#d62976 50%,#962fbf 75%,#4f5bd5)!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .commerce-instagram-mark img{width:24px!important;height:24px!important;filter:brightness(0) invert(1)}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .commerce-instagram-head h3{font:700 clamp(1.3rem,2.2vw,1.9rem)/1.1 var(--ios-sfd)!important;letter-spacing:-.025em!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) :is(.commerce-instagram-head>a,.commerce-social-foot a){color:var(--ios-ac2)!important;font:600 15.5px/1 var(--ios-sf)!important;text-decoration:none!important;letter-spacing:-.01em!important;text-transform:none!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .commerce-social-foot span{color:var(--ios-tx3)!important;font:400 13px/1.3 var(--ios-sf)!important;letter-spacing:0!important;text-transform:none!important}

/* ---------- contacto ---------- */
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .commerce-contact .ep-contact-links a{border-radius:18px!important;background:#1c1c1e!important;border:0!important;color:var(--ios-ac2)!important;font:600 15px/1 var(--ios-sf)!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .commerce-contact .ep-contact-links a:active{transform:scale(.96)}
@media (hover:hover){:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .commerce-contact .ep-contact-links a:hover{background:#2c2c2e!important}}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .ep-opening-hours{border-radius:26px!important;background:#1c1c1e!important;border:0!important;padding:20px!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .ep-opening-hours>span{font:600 13px/1.3 var(--ios-sf)!important;letter-spacing:.04em!important;text-transform:uppercase;color:var(--ios-tx2)!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .ep-opening-hours em{font-style:normal!important;color:var(--ios-tx2)!important;font:400 15px/1.4 var(--ios-sf)!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .ep-opening-hours b{font:700 clamp(1.5rem,2.4vw,2rem)/1.1 var(--ios-rnd)!important;letter-spacing:-.02em!important}
/* formulario agrupado */
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .ep-quick-contact{border-radius:30px!important;background:#1c1c1e!important;border:0!important;box-shadow:none!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .ep-quick-contact h3{font:700 clamp(1.6rem,2.4vw,2.1rem)/1.1 var(--ios-sfd)!important;letter-spacing:-.03em!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .ep-quick-contact>p:not(:first-child){color:var(--ios-tx2)!important;font:400 15.5px/1.45 var(--ios-sf)!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .ep-quick-contact label{font:400 15px/1.3 var(--ios-sf)!important;letter-spacing:-.01em!important;text-transform:none!important;color:var(--ios-tx2)!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .ep-quick-contact :is(input:not([type=checkbox]),textarea){border:0!important;border-radius:12px!important;background:#2c2c2e!important;color:#fff!important;font:400 17px/1.35 var(--ios-sf)!important;box-shadow:none!important;padding:14px 16px!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .ep-quick-contact :is(input,textarea):focus{box-shadow:0 0 0 3px rgba(210,58,88,.35)!important;outline:0}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .ep-quick-contact :is(input,textarea)::placeholder{color:var(--ios-tx3)!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .ep-quick-contact small{color:var(--ios-tx2)!important;font:400 13px/1.3 var(--ios-sf)!important}
/* casilla → interruptor iOS */
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .ep-quick-consent{display:flex!important;align-items:center;justify-content:space-between;gap:14px;flex-direction:row-reverse;min-height:52px;padding:8px 16px!important;border-radius:14px;background:#2c2c2e}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .ep-quick-consent span{flex:1;color:#fff!important;font:400 16px/1.35 var(--ios-sf)!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .ep-quick-consent a{color:var(--ios-ac2)!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .ep-quick-consent input[type=checkbox]{appearance:none;-webkit-appearance:none;position:relative;flex:none;width:51px!important;height:31px!important;margin:0!important;border:0!important;border-radius:16px!important;background:#3a3a3c!important;cursor:pointer;transition:background .3s}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .ep-quick-consent input[type=checkbox]::after{content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 3px 8px rgba(0,0,0,.15),0 3px 1px rgba(0,0,0,.06);transition:transform .35s var(--ios-spring)}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .ep-quick-consent input[type=checkbox]:checked{background:var(--ios-green)!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .ep-quick-consent input[type=checkbox]:checked::after{transform:translateX(20px)}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .ep-quick-contact button[type=submit]{width:100%}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .ep-quick-guided{border-radius:14px!important;background:#2c2c2e!important;border:0!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .ep-quick-guided strong{font:600 16px/1.3 var(--ios-sf)!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .ep-quick-guided a{color:var(--ios-ac2)!important;font:600 15px/1 var(--ios-sf)!important}

/* ---------- visita ---------- */
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .ep-visit iframe{border-radius:34px!important;border:0!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .ep-visit a{display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 20px;border-radius:999px;background:var(--ios-fill);color:#fff!important;font:600 15px/1 var(--ios-sf)!important;text-decoration:none!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .ep-visit p:not(:first-child){color:var(--ios-tx2)!important;font:400 17px/1.45 var(--ios-sf)!important}

/* ---------- pie ---------- */
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .shop-footer,
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) footer:has(.shop-footer-main){background:#000!important;border-top:.5px solid var(--ios-sep)!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) :is(.shop-footer-main,.shop-footer-bottom){font-family:var(--ios-sf)}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .shop-footer-main h3,
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .shop-footer-main h4{font:600 13px/1.3 var(--ios-sf)!important;letter-spacing:.04em!important;text-transform:uppercase;color:var(--ios-tx3)!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .shop-footer-main a{color:var(--ios-tx2);transition:color .2s}
@media (hover:hover){:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .shop-footer-main a:hover{color:#fff}}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .shop-footer-bottom{border-top:.5px solid var(--ios-sep)!important;color:var(--ios-tx3)!important;font:400 12.5px/1.4 var(--ios-sf)!important;letter-spacing:0!important;text-transform:none!important}

/* ---------- ajustes tras revisar la home (2026-09-30) ---------- */
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .landing-header-quote{white-space:nowrap}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .vehicle-finder-fields .ep-soft-select{justify-content:flex-end!important;gap:8px}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .vehicle-finder-fields .ep-soft-select::after,
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .vehicle-finder-fields .ep-soft-select::before{display:none!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .ep-discovery>a div>span{width:max-content!important;max-width:100%;align-self:flex-start!important;justify-self:start!important;margin-top:12px}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) :is(.landing-finder-section,.commerce-categories,.home-pickup,.commerce-social,.commerce-instagram,.commerce-contact,.ep-visit){background:#000!important;border-color:transparent!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .commerce-social-head>p{font:400 17px/1.47 var(--ios-sf)!important;letter-spacing:-.01em!important;text-transform:none!important;color:var(--ios-tx2)!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .home-pickup-facts span{font:600 15px/1.2 var(--ios-sf)!important;letter-spacing:.01em!important;text-transform:none!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) :is(.commerce-instagram-head>a,.commerce-social-foot a,.vehicle-finder-head a,.ep-quick-guided a){text-decoration:none!important;border-bottom:0!important;background-image:none!important;box-shadow:none!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) :is(.ep-visit iframe,.ep-cookie-placeholder){border-radius:34px!important;border:0!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .ep-cookie-placeholder{background:#1c1c1e!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .ep-cookie-placeholder button{border-radius:999px!important;background:var(--ios-fill)!important;border:0!important;color:#fff!important;font:600 15px/1 var(--ios-sf)!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .ep-cookie-placeholder a{color:var(--ios-ac2)!important;font:600 15px/1 var(--ios-sf)!important}

/* aviso y ajustes de cookies → hoja y alerta de iOS */
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) #ep-cookie-banner{border-radius:28px!important;background:rgba(30,30,33,.8)!important;-webkit-backdrop-filter:blur(30px) saturate(180%)!important;backdrop-filter:blur(30px) saturate(180%)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 24px 60px rgba(0,0,0,.6)!important;font-family:var(--ios-sf)!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) #ep-cookie-banner strong{font:700 19px/1.2 var(--ios-sfd)!important;letter-spacing:-.02em!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) #ep-cookie-banner p{color:var(--ios-tx2)!important;font:400 14.5px/1.45 var(--ios-sf)!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) #ep-cookie-banner nav a{color:var(--ios-ac2)!important;text-decoration:none!important;border:0!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) :is(#ep-cookie-banner,#ep-cookie-settings) button{min-height:44px;padding:0 18px!important;border:0!important;border-radius:999px!important;background:var(--ios-fill)!important;color:#fff!important;font:600 15px/1 var(--ios-sf)!important;box-shadow:none!important;transition:transform .3s var(--ios-ease),filter .2s}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) :is(#ep-cookie-banner,#ep-cookie-settings) button:active{transform:scale(.96)}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) #ep-cookie-banner .ep-cookie-actions button:first-child{background:var(--ios-ac)!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) #ep-cookie-settings{border-radius:28px!important;background:#1c1c1e!important;border:0!important;color:#fff!important;font-family:var(--ios-sf)!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) #ep-cookie-settings input[type=checkbox]{appearance:none;-webkit-appearance:none;position:relative;flex:none;width:51px!important;height:31px!important;margin:0!important;border:0!important;border-radius:16px!important;background:#3a3a3c!important;cursor:pointer;transition:background .3s}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) #ep-cookie-settings input[type=checkbox]::after{content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 3px 8px rgba(0,0,0,.15);transition:transform .35s var(--ios-spring)}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) #ep-cookie-settings input[type=checkbox]:checked{background:var(--ios-green)!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) #ep-cookie-settings input[type=checkbox]:checked::after{transform:translateX(20px)}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) #ep-cookie-settings input[type=checkbox]:disabled{opacity:.5}

/* ---------- acentos de todas las páginas (lista sacada de escanear 19 páginas renderizadas) ---------- */
/* botones principales → cápsula rubí */
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) :is(.cart-empty-cta,.cart-quote-submit,.checkout-account-choices button[aria-pressed=true],.shop-global-search button,.shop-header-vehicle,.catalog-intro-copy a,.product-card-cart,.product-actions .shop-button,.ep-guided-contact button,.cuenta-cta,.payment-result-cta,.ppf3-continue,.quote-primary,.vehicle-help a,.wheel-purchase .shop-button,.shop-footer-newsletter a,.actions button){background:var(--ios-ac)!important;border-color:transparent!important;color:#fff!important;border-radius:999px!important;font-family:var(--ios-sf)!important;font-weight:600!important;letter-spacing:-.01em!important;text-transform:none!important;box-shadow:none!important;transition:transform .3s var(--ios-ease),filter .2s!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) :is(.cart-empty-cta,.cart-quote-submit,.checkout-account-choices button[aria-pressed=true],.shop-global-search button,.shop-header-vehicle,.catalog-intro-copy a,.product-card-cart,.product-actions .shop-button,.ep-guided-contact button,.cuenta-cta,.payment-result-cta,.ppf3-continue,.quote-primary,.vehicle-help a,.wheel-purchase .shop-button,.shop-footer-newsletter a,.actions button):active{transform:scale(.96)}
@media (hover:hover){:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) :is(.cart-empty-cta,.cart-quote-submit,.checkout-account-choices button[aria-pressed=true],.shop-global-search button,.shop-header-vehicle,.catalog-intro-copy a,.product-card-cart,.product-actions .shop-button,.ep-guided-contact button,.cuenta-cta,.payment-result-cta,.ppf3-continue,.quote-primary,.vehicle-help a,.wheel-purchase .shop-button,.shop-footer-newsletter a,.actions button):hover{filter:brightness(1.12)}}
/* variante "outline" (Comprar en eperformance.es) → cápsula gris */
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .product-actions .shop-button.shop-button-outline{background:var(--ios-fill)!important;color:#fff!important}
/* teléfono y WhatsApp de la cabecera de tienda → cápsulas grises; el primario sigue siendo "Mi coche" */
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .shop-header .ep-contact-links a{background:var(--ios-fill2)!important;border:0!important;color:#fff!important;border-radius:999px!important}
@media (hover:hover){:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .shop-header .ep-contact-links a:hover{background:var(--ios-fill)!important}}
/* insignias / etiquetas con fondo burdeos oscuro → cápsula tintada */
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) :is(.catalog-kicker span,.vehicle-shop-title span,.product-info a.shop-eyebrow){background:rgba(210,58,88,.16)!important;color:var(--ios-ac2)!important;border:0!important;border-radius:999px!important;font:600 12.5px/1 var(--ios-sf)!important;letter-spacing:.02em!important}
/* banda "Tu garaje" del pie → tarjeta iOS */
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .shop-footer-newsletter{background:#1c1c1e!important;border:0!important;border-radius:28px!important}
/* selección / estados con borde rosado → borde rubí */
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) :is(.checkout-account-choices button[aria-pressed=true],.ep-vehicle-selector button[aria-pressed=true],.ppf-photo-finishes button[aria-pressed=true],.quote-progress li[aria-current=step]){border-color:rgba(210,58,88,.7)!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .wh-choice input:checked+.wh-choice-body{border-color:rgba(210,58,88,.8)!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .wh-choice input:checked+.wh-choice-body .wh-choice-tick{background:var(--ios-ac)!important;border-color:var(--ios-ac)!important}
/* textos de acento → rosa iOS */
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) :is(.cart-account-strip a,.ep-cookie-legal button,.shop-footer-brand span,.shop-announcement a span,.product-card-details,.filter-help,.filter-reset,.product-buy-benefits span,.product-copy-highlights span,.product-config-status,.product-summary span,.related-products-heading p:first-of-type,.ep-project-contact p:first-of-type,.eight-gallery small,.ep-cookie-placeholder a,.ep-guided-contact p:first-of-type,.ep-opening-hours span,.ep-quick-consent a,.ep-quick-guided a,.ep-quick-guided span,.wrap-gallery__finish a,.caption p:first-of-type,.commerce-instagram-head a span,.commerce-social-card-copy b,.commerce-social-channel em span,.commerce-social-foot b,.cuenta-auth-kicker,.cuenta-state .info-label,.ep-review-tools a,.has-vehicle-visual-select b,.intro p.eyebrow,.options span,.quote-eyebrow,.vehicle-brand-grid b,.vehicle-brand-section p:first-of-type,.vehicle-family-grid b,.vehicle-family-grid span,.vehicle-family-section p:first-of-type,.vehicle-help p:first-of-type,.vehicle-selector-head span,.vehicle-shop-title p:first-of-type,.wheel-purchase a,.zone-heading output){color:var(--ios-ac2)!important}
/* etiquetas de sección de las páginas interiores → estilo iOS */
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) :is(.related-products-heading p:first-of-type,.ep-project-contact p:first-of-type,.vehicle-brand-section p:first-of-type,.vehicle-family-section p:first-of-type,.vehicle-help p:first-of-type,.vehicle-selector-head span,.quote-eyebrow,.intro p.eyebrow,.cuenta-auth-kicker,.cuenta-state .info-label,.product-summary span){font-family:var(--ios-sf)!important;font-weight:600!important;letter-spacing:.04em!important}
/* palabras destacadas en cursiva/rosa de los titulares → degradado iOS */
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) :is(.catalog-title-row em,.cart-drawer-title em,.cart-quote-title em,.cuenta-title em){font-style:normal!important;background:linear-gradient(90deg,var(--ios-ga),var(--ios-gb));-webkit-background-clip:text;background-clip:text;color:transparent!important}

:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .shop-footer .ep-contact-links a{background:var(--ios-fill)!important;border:0!important;color:#fff!important;border-radius:999px!important;font:600 14.5px/1 var(--ios-sf)!important}
@media (hover:hover){:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .shop-footer .ep-contact-links a:hover{background:rgba(120,120,128,.36)!important}}

/* ---------- componentes de tienda (catálogo, buscador, fichas, cesta) ---------- */
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .product-card{border-radius:24px!important;background:#1c1c1e!important;border:0!important;overflow:hidden;box-shadow:none!important;transition:transform .5s var(--ios-ease)!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .product-card:active{transform:scale(.98)}
@media (hover:hover){:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .product-card:hover{transform:translateY(-4px)!important}}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .product-card-media{border-radius:0!important;background:#2c2c2e!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .product-card :is(h2,h3){font-family:var(--ios-sfd)!important;letter-spacing:-.02em!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .catalog-filters{border-radius:24px!important;background:#1c1c1e!important;border:0!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .catalog-quick-links a{border-radius:16px!important;background:#1c1c1e!important;border:0!important;transition:background .2s,transform .3s var(--ios-ease)}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .catalog-quick-links a:active{transform:scale(.97)}
@media (hover:hover){:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .catalog-quick-links a:hover{background:#2c2c2e!important}}
/* campos de formulario de la tienda */
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) :is(.shop-main,.cart-drawer,.cart-quote-modal) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea,.ep-soft-select){border-radius:12px!important;border:0!important;background-color:#2c2c2e!important;color:#fff!important;font-family:var(--ios-sf)!important;box-shadow:none!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) :is(.shop-main,.cart-drawer,.cart-quote-modal) :is(input,select,textarea,.ep-soft-select):focus-visible{outline:0!important;box-shadow:0 0 0 3px rgba(210,58,88,.35)!important}
/* botón flotante de la cesta → cápsula de vidrio */
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .cart-fab{border-radius:999px!important;background:rgba(40,40,44,.6)!important;-webkit-backdrop-filter:blur(24px) saturate(180%)!important;backdrop-filter:blur(24px) saturate(180%)!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 12px 30px rgba(0,0,0,.45)!important;font-family:var(--ios-sf)!important;letter-spacing:0!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .cart-fab-label{text-transform:none!important;letter-spacing:-.01em!important;font-weight:600!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .cart-fab-count{background:var(--ios-ac)!important;color:#fff!important;border-radius:999px!important}
/* cajón de la cesta → hoja de iOS */
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .cart-drawer{background:rgba(22,22,24,.92)!important;-webkit-backdrop-filter:blur(30px) saturate(180%)!important;backdrop-filter:blur(30px) saturate(180%)!important;border-left:1px solid rgba(255,255,255,.08)!important;font-family:var(--ios-sf)!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .cart-backdrop{background:rgba(0,0,0,.5)!important;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .cart-drawer-title{font-family:var(--ios-sfd)!important;letter-spacing:-.03em!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .cart-drawer-close{border-radius:50%!important;background:var(--ios-fill)!important;border:0!important;color:#fff!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) :is(.cart-item,.cart-payment-option,.cart-quote-card,.cart-account-strip){border-radius:18px!important;background:#1c1c1e!important;border:0!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .cart-item-thumb{border-radius:12px!important;overflow:hidden}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .cart-quote-modal{border-radius:28px!important;background:#1c1c1e!important;border:0!important;font-family:var(--ios-sf)!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .cart-cta{border-radius:999px!important;font-family:var(--ios-sf)!important;font-weight:600!important;text-transform:none!important;letter-spacing:-.01em!important}

/* ---------- buscador por coche (/buscar/, /buscar/<marca>/) ---------- */
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) :is(.vehicle-shop,.shop-main)>section{background-color:#000!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .vehicle-selector-card{border-radius:28px!important;background:#1c1c1e!important;border:0!important;box-shadow:none!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) :is(.vehicle-brand-grid,.vehicle-family-grid,.vehicle-model-grid) a{border-radius:18px!important;background:#1c1c1e!important;border:0!important;transition:background .2s,transform .3s var(--ios-ease)!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) :is(.vehicle-brand-grid,.vehicle-family-grid,.vehicle-model-grid) a:active{transform:scale(.97)}
@media (hover:hover){:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) :is(.vehicle-brand-grid,.vehicle-family-grid,.vehicle-model-grid) a:hover{background:#2c2c2e!important}}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .vehicle-shop h1,:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .vehicle-shop h2{font-family:var(--ios-sfd)!important;letter-spacing:-.035em!important}

/* ---------- ficha de producto / servicio ---------- */
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .product-info{border-radius:28px!important;background:#1c1c1e!important;border:0!important;box-shadow:none!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .product-info h1{font-family:var(--ios-sfd)!important;letter-spacing:-.035em!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .product-hero-button{border-radius:24px!important;overflow:hidden}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .product-gallery img{border-radius:inherit}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .product-gallery button:not(.product-hero-button){border-radius:12px!important;overflow:hidden}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .product-buy-benefits li{border-radius:16px!important;background:#2c2c2e!important;border:0!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .product-lead-times{border-radius:20px!important;background:#2c2c2e!important;border:0!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .product-detail details{border-color:var(--ios-sep)!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .product-detail summary{font-family:var(--ios-sf)!important;font-weight:600!important;letter-spacing:-.01em!important}

/* ---------- presupuestador ---------- */
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .quote-page{background:#000!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .quote-panel{border-radius:28px!important;background:#1c1c1e!important;border:0!important;box-shadow:none!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .quote-panel :is(h2,h3){font-family:var(--ios-sfd)!important;letter-spacing:-.03em!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .quote-service{border-radius:16px!important;background:#2c2c2e!important;border:0!important;transition:background .2s,transform .3s var(--ios-ease)!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .quote-service:active{transform:scale(.98)}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .quote-service:has(input:checked){background:rgba(210,58,88,.14)!important;box-shadow:inset 0 0 0 1.5px rgba(210,58,88,.7)!important}
/* casillas → círculo de selección de iOS */
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .quote-service input[type=checkbox]{appearance:none;-webkit-appearance:none;position:relative;flex:none;width:24px!important;height:24px!important;margin:0!important;border-radius:50%!important;border:2px solid rgba(235,235,245,.3)!important;background:transparent!important;cursor:pointer;transition:background .2s,border-color .2s}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .quote-service input[type=checkbox]:checked{background:var(--ios-ac)!important;border-color:var(--ios-ac)!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .quote-service input[type=checkbox]:checked::after{content:"";position:absolute;left:7px;top:3px;width:6px;height:11px;border:solid #fff;border-width:0 2.2px 2.2px 0;transform:rotate(45deg)}

/* ---------- cuenta y pago ---------- */
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) :is(.cuenta-main,.payment-result-page){background:#000!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) :is(.cuenta-wrap,.payment-result-card){border-radius:32px!important;background:#1c1c1e!important;border:0!important;box-shadow:none!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .cuenta-auth-card{border-radius:22px!important;background:#2c2c2e!important;border:0!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) :is(.cuenta-title,.cuenta-title-sm,.payment-result-card h1){font-family:var(--ios-sfd)!important;letter-spacing:-.035em!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .payment-result-cta{border-radius:999px!important}

/* ---------- maqueta propia de bloques con tarjeta nueva (no depende del CSS del componente) ---------- */
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .home-pickup{padding:clamp(56px,6.7vw,96px) clamp(16px,3.3vw,47px)!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .home-pickup-shell{display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)!important;gap:clamp(28px,6vw,86px)!important;align-items:center!important;padding:clamp(24px,4vw,58px)!important;box-sizing:border-box}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .home-pickup-copy h2{margin:10px 0 0!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .home-pickup-copy>p:not(.home-pickup-kicker){max-width:610px;margin:18px 0 28px!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .home-pickup-facts{display:grid!important;overflow:hidden}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .home-pickup-facts article{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;box-sizing:border-box}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .home-pickup-facts article>div{display:grid!important;gap:4px!important;min-width:0}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .home-pickup-facts strong{flex:none;text-align:right;white-space:nowrap}
@media (max-width:900px){:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .home-pickup-shell{grid-template-columns:minmax(0,1fr)!important}}
/* la tarjeta de reseñas ahora es vidrio: necesita relleno propio */
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .ep-about-reviews{padding:20px 22px 18px!important;box-sizing:border-box}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .ep-about-reviews header{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;margin:0 0 14px!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .ep-review-tools{display:flex!important;flex-wrap:wrap;align-items:center!important;gap:10px!important;margin:16px 0 0!important;padding-top:14px!important;border-top:.5px solid rgba(255,255,255,.14)}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .ep-review-tools>a{margin-right:auto}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .ep-review-tools button{display:inline-grid!important;place-items:center;min-width:34px;height:34px;padding:0 12px!important;font:600 14px/1 var(--ios-sf)!important}

/* =====================================================================
   ANIMACIONES iOS
   Solo transform/opacity (van por la GPU). La aparición al hacer scroll y
   el titular que se recoge usan scroll-driven animations: cero JavaScript.
   Se animan translate/scale (no transform) para no pisar los hover.
   ===================================================================== */
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize){-webkit-tap-highlight-color:transparent}

/* 1 · aparición con muelle al entrar en pantalla (escalonado natural por posición) */
@supports (animation-timeline:view()){
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) :is(.ep-discovery>a,.commerce-hero-trust>span,.vehicle-finder,.home-pickup-shell,.ep-about,.commerce-social-channel,.commerce-social-feature,.commerce-social-reel,.ep-quick-contact,.ep-opening-hours,.commerce-contact .ep-contact-links a,.product-card,.catalog-filters,.vehicle-selector-card,.vehicle-brand-grid a,.vehicle-family-grid a,.quote-panel,.quote-service,.product-info,.product-hero-button,.product-buy-benefits li,.cuenta-auth-card,.shop-footer-newsletter,.ep-discovery-more a){animation:ios-reveal linear both;animation-timeline:view();animation-range:entry 0% entry 55%}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) :is(.commerce-section-head,.commerce-social-head,.landing-finder-intro,.commerce-contact-copy>h2,.ep-visit h2,.commerce-instagram-head,.vehicle-brand-section>h2,.vehicle-family-section>h2){animation:ios-reveal-soft linear both;animation-timeline:view();animation-range:entry 0% entry 45%}
  /* 2 · titular grande que se recoge al bajar (como las apps de iOS) */
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .commerce-hero-copy{animation:ios-large-title linear both;animation-timeline:scroll(root);animation-range:0 70vh}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .commerce-hero-backdrop{animation:ios-hero-depth linear both;animation-timeline:scroll(root);animation-range:0 100vh}
  /* 3 · la cabecera de vidrio gana opacidad y sombra según bajas */
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .landing-header-inner{animation:ios-bar linear both;animation-timeline:scroll(root);animation-range:0 220px}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .shop-header{animation:ios-bar-shop linear both;animation-timeline:scroll(root);animation-range:0 160px}
}

/* 4 · pulsación: se hunde un poco al tocar, como un botón de iOS */
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) :is(.ep-discovery>a,.product-card,.commerce-social-channel,.commerce-social-reel,.vehicle-brand-grid a,.vehicle-family-grid a,.catalog-quick-links a,.quote-service,.ep-discovery-more a,.cart-fab,.landing-icon-button,.shop-header-cart,.shop-menu-toggle,.cart-item-remove,.ep-review-tools button,.ep-soft-select){transition:transform .45s var(--ios-spring),background-color .25s,filter .25s}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) :is(.ep-discovery>a,.product-card,.commerce-social-channel,.commerce-social-reel,.vehicle-brand-grid a,.vehicle-family-grid a,.catalog-quick-links a,.quote-service,.ep-discovery-more a,.cart-fab,.landing-icon-button,.shop-header-cart,.shop-menu-toggle,.cart-item-remove,.ep-review-tools button,.ep-soft-select):active{transform:scale(.965)!important;transition-duration:.12s}

/* 5 · transición entre páginas estilo iOS (sustituye al fundido corto) */
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize)::view-transition-old(root){animation:ios-page-out .32s var(--ios-ease) both!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize)::view-transition-new(root){animation:ios-page-in .5s var(--ios-ease) both!important}

/* 6 · hojas, modales y menús que suben con rebote */
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) #ep-cookie-banner{animation:ios-sheet-up .7s var(--ios-spring) .5s both}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) :is(.pickup-dialog,#ep-cookie-settings,.cart-quote-modal)[open]{animation:ios-modal-in .55s var(--ios-spring) both}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) :is(.pickup-dialog,#ep-cookie-settings)::backdrop{animation:ios-fade .35s ease both}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .ep-soft-options:not([hidden]){transform-origin:top center;animation:ios-menu-in .38s var(--ios-spring) both}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .landing-panel:not([hidden]){transform-origin:top right;animation:ios-menu-in .42s var(--ios-spring) both}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .cart-drawer{transition-timing-function:var(--ios-ease)!important;transition-duration:.5s!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .cart-fab{animation:ios-pop .6s var(--ios-spring) .9s both}
/* 7 · el contador de la cesta hace "pop" y el interruptor responde con muelle */
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .cart-fab-count{animation:ios-pop .5s var(--ios-spring) 1.2s both}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) :is(.ep-quick-consent,#ep-cookie-settings) input[type=checkbox]:active::after{width:32px}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) :is(.ep-quick-consent,#ep-cookie-settings) input[type=checkbox]:checked:active::after{transform:translateX(15px)}
/* 8 · la reseña actual entra con un leve desenfoque, como una notificación */
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .ep-review-slide.is-current blockquote{animation:ios-rise-blur .6s var(--ios-ease) both}

@keyframes ios-reveal{from{opacity:0;translate:0 42px;scale:.96}to{opacity:1;translate:0 0;scale:1}}
@keyframes ios-reveal-soft{from{opacity:0;translate:0 26px}to{opacity:1;translate:0 0}}
@keyframes ios-large-title{to{opacity:.25;translate:0 -46px;scale:.96}}
@keyframes ios-hero-depth{to{scale:1.06;opacity:.55}}
@keyframes ios-bar{from{background-color:rgba(30,30,33,.38)}to{background-color:rgba(30,30,33,.82);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 18px 44px rgba(0,0,0,.6)}}
@keyframes ios-bar-shop{from{background-color:rgba(0,0,0,.4)}to{background-color:rgba(0,0,0,.84)}}
@keyframes ios-page-out{to{opacity:0;scale:.985}}
@keyframes ios-page-in{from{opacity:0;scale:1.015;translate:0 10px}to{opacity:1;scale:1;translate:0 0}}
@keyframes ios-sheet-up{from{opacity:0;translate:0 60px}to{opacity:1;translate:0 0}}
@keyframes ios-modal-in{from{opacity:0;translate:0 34px;scale:.95}to{opacity:1;translate:0 0;scale:1}}
@keyframes ios-menu-in{from{opacity:0;scale:.9}to{opacity:1;scale:1}}
@keyframes ios-fade{from{opacity:0}to{opacity:1}}
@keyframes ios-pop{0%{opacity:0;scale:.6}100%{opacity:1;scale:1}}
@keyframes ios-rise-blur{from{opacity:0;translate:0 10px;filter:blur(6px)}to{opacity:1;translate:0 0;filter:none}}

/* ---------- movimiento ---------- */
@keyframes ios-unlock{from{transform:scale(1.12)}to{transform:scale(1.02)}}
@keyframes ios-rise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) *{animation:none!important;transition-duration:.01ms!important}
}
@media (max-width:700px){
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .landing-header{top:8px;padding:0 10px}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .landing-header .ep-contact-links,
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .landing-header-actions>.landing-icon-button:not(.landing-cart):not(.landing-menu-button){display:none!important}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .home-entry-paths{flex-wrap:wrap}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .home-entry-paths a{flex:1 1 100%;justify-content:center}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .commerce-hero-trust{grid-template-columns:1fr 1fr}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .commerce-hero-trust>span:last-child{grid-column:1/-1}
}

/* ---------- cabeceras en móvil (30/09): todo con !important porque la regla general de botones
   en píldora y los parches header-logo/landing-editorial pesan más que un media query normal ---------- */
@media (max-width:700px){
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .landing-header-inner{height:56px!important;min-height:0!important;padding:0 6px 0 16px!important;gap:6px!important;min-width:0;box-sizing:border-box;width:100%}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .landing-wordmark{width:auto!important;flex:0 1 auto!important;flex-basis:auto!important;min-width:0!important}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .landing-header-actions{gap:4px!important;flex:0 0 auto!important;margin-left:auto!important;min-width:0}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .landing-header-quote{min-height:38px!important;height:38px;padding:0 14px!important;font-size:14px!important;gap:6px!important;white-space:nowrap}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .landing-header-quote>span{display:none!important}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .landing-header .landing-icon-button{width:38px!important;height:38px!important;min-width:38px!important;padding:0!important}
  /* cabecera de tienda: logo más corto, iconos redondos del mismo tamaño y contador como insignia */
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .shop-header-main{gap:8px!important;padding:0 12px!important}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .shop-wordmark{width:auto!important;min-width:0!important;flex:0 1 auto!important}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .shop-header-actions{gap:6px!important;margin-left:auto}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .shop-header-actions .ep-contact-links{gap:6px!important}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .shop-header-actions .ep-contact-links a{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;max-height:38px;padding:0!important;display:grid!important;place-items:center!important;border-radius:50%!important}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .shop-header-actions .ep-contact-links a :is(svg,img){width:18px!important;height:18px!important}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .shop-header-cart{position:relative!important;width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important;padding:0!important;gap:0!important;justify-content:center!important;border-radius:50%!important}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .shop-header-cart strong{position:absolute!important;top:-2px;right:-3px;min-width:17px;width:auto!important;height:17px!important;padding:0 4px!important;font-size:10.5px!important;line-height:17px!important;border-radius:999px!important}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .shop-menu-toggle{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;border-radius:50%!important}
}
@media (max-width:374px){
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .landing-header-inner{padding:0 5px 0 13px!important;gap:4px!important}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .landing-header-quote{padding:0 11px!important;font-size:13px!important}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .shop-header-actions,:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .shop-header-actions .ep-contact-links{gap:4px!important}
}

/* ---------- menús en móvil (30/09) ---------- */
@media (max-width:700px){
  /* menú de tienda: botón de presupuesto, buscador de iOS y lista agrupada */
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .shop-mobile-nav .shop-quote-link{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;min-height:52px!important;padding:0 20px!important;border-radius:999px!important;font:600 16.5px/1.2 var(--ios-sf)!important}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .shop-mobile-nav .shop-quote-link span{font-size:13px!important;font-weight:500!important;opacity:.82}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .shop-mobile-nav form{display:flex!important;align-items:center!important;height:46px!important;margin:12px 0 0!important;padding:0 5px 0 14px!important;border:0!important;border-radius:14px!important;background:rgba(118,118,128,.24)!important}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .shop-mobile-nav form input{flex:1;min-width:0;height:100%!important;padding:0!important;border:0!important;background:transparent!important;color:#fff!important;box-shadow:none!important;font:400 16px var(--ios-sf)!important}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .shop-mobile-nav form button{flex:none;display:grid!important;place-items:center!important;width:36px!important;height:36px!important;min-height:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:var(--ios-ac)!important;color:#fff!important;font:600 17px/1 var(--ios-sf)!important}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .shop-mobile-nav>a:not(.shop-quote-link){display:flex!important;align-items:center!important;gap:10px!important;min-height:50px!important;margin:0!important;padding:0 16px!important;border:0!important;border-bottom:.5px solid var(--ios-sep)!important;background:var(--ios-card,#1c1c1e)!important;font:500 16px/1.25 var(--ios-sf)!important}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .shop-mobile-nav>a:not(.shop-quote-link) span{margin-left:auto!important;color:var(--ios-tx2)!important;font-size:13.5px!important;font-weight:400!important;text-align:right}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .shop-mobile-nav>a:not(.shop-quote-link)::after{content:"›";flex:none;color:var(--ios-tx3,rgba(235,235,245,.3));font-size:22px;line-height:1}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .shop-mobile-nav>a:not(.shop-quote-link):not(:has(span))::after{margin-left:auto}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .shop-mobile-nav>form+a:not(.shop-quote-link){margin-top:14px!important;border-radius:16px 16px 0 0!important}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .shop-mobile-nav>a:last-child:not(.shop-quote-link){border-bottom:0!important;border-radius:0 0 16px 16px!important}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .shop-mobile-nav>a[aria-current=page]{background:var(--ios-card2,#2c2c2e)!important;color:#fff!important}
  /* menú de la portada: una columna con separadores */
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .landing-menu-services{grid-template-columns:1fr!important;gap:0!important}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .landing-menu-services>a{min-height:50px!important;padding:8px 2px!important;border-bottom:.5px solid rgba(255,255,255,.12)!important;align-items:center!important}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .landing-menu-services>a:last-child{border-bottom:0!important}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .landing-menu-services .landing-menu-arrow{width:30px!important;height:30px!important;min-width:30px!important}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .landing-menu-services .landing-menu-arrow svg{width:14px!important;height:14px!important}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .landing-panel{max-height:calc(100dvh - 90px)!important;overflow-y:auto!important;overscroll-behavior:contain}
}

/* ---------- logotipo redondo en móvil (30/09): el de Instagram en vector; el logotipo largo
   no se leía a ese tamaño. La imagen original queda oculta a la vista pero sigue dando nombre al enlace ---------- */
@media (max-width:700px){
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) :is(.landing-wordmark,.shop-wordmark){position:relative!important;display:block!important;width:36px!important;min-width:36px!important;height:36px!important;flex:0 0 36px!important;border-radius:50%!important;
    background:url(/web/images/eperformance-mark-20260930.svg) center/contain no-repeat!important;box-shadow:0 0 0 1px rgba(255,255,255,.22),0 4px 12px rgba(0,0,0,.35)!important;transition:transform .45s var(--ios-spring)}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .shop-wordmark{width:38px!important;min-width:38px!important;height:38px!important;flex-basis:38px!important}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) :is(.landing-wordmark,.shop-wordmark):active{transform:scale(.92)}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) :is(.landing-wordmark,.shop-wordmark) img{position:absolute!important;width:1px!important;height:1px!important;min-width:0!important;overflow:hidden!important;clip-path:inset(50%)!important;opacity:0!important}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .landing-header-inner{padding-left:8px!important}
}

/* ---------- auditoría móvil (30/09) ---------- */
@media (max-width:700px){
  /* vistas del vinilado: una sola fila con desplazamiento lateral en vez de tres líneas */
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .vinyl-studio-navigation{flex-wrap:nowrap!important;align-items:center!important;gap:6px!important}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .vinyl-studio-navigation>button{flex:none!important}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .vinyl-studio-navigation .eight-thumbs{flex:1 1 auto!important;min-width:0!important;flex-wrap:nowrap!important;justify-content:flex-start!important;overflow-x:auto!important;overscroll-behavior-x:contain;scrollbar-width:none;scroll-snap-type:x proximity;padding:2px 6px!important;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 14px,#000 calc(100% - 14px),transparent);mask-image:linear-gradient(90deg,transparent,#000 14px,#000 calc(100% - 14px),transparent)}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .vinyl-studio-navigation .eight-thumbs::-webkit-scrollbar{display:none}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .vinyl-studio-navigation .eight-thumbs>button{flex:none!important;white-space:nowrap!important;scroll-snap-align:center}
  /* tarjetas «Tus posibilidades»: la píldora cabe en una línea */
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .ep-discovery>a>div>span{white-space:nowrap!important;font-size:12.5px!important;padding:0 10px!important}
  /* subtítulos del selector de coche (Coupé, Berlina, SUV) */
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .ep-vehicle-selector button[data-ep-body] span{font-size:12px!important;line-height:1.25!important}
  /* enlaces pequeños: más superficie táctil sin mover el diseño */
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .catalog-breadcrumb a{display:inline-block;padding:10px 2px!important;margin:-10px 0!important}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .shop-footer-main nav a{display:inline-block;padding:7px 0!important}
  /* puntos de color del comparador: objetivo táctil de 32 px */
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .shop-main .eps .eps-dot{width:32px!important;height:32px!important}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) [data-vinyl-model] span{font-size:12px!important;line-height:1.25!important}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .shop-main .eps-credits a{display:inline-block;padding:6px 0!important}
}

/* ---------- volantes en móvil (30/09): vista previa fija, opciones en rejilla y guardar siempre a mano ---------- */
@media (max-width:700px){
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .wheel-halo .configurator>section.visual,
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .wheel-photos .wp-config>.wp-visual,
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .wheel-brand-page .wheel-brand-config>.wheel-brand-visual{position:sticky!important;top:69px;z-index:8;margin:0 calc(50% - 50vw)!important;padding:6px calc(50vw - 50%) 8px!important;background:rgba(0,0,0,.86)!important;
    -webkit-backdrop-filter:blur(22px) saturate(170%);backdrop-filter:blur(22px) saturate(170%);border-bottom:.5px solid var(--ios-sep)}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .wheel-halo #stage{height:auto!important;min-height:0!important;aspect-ratio:auto!important;display:grid!important;place-items:center}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .wheel-halo #stage>svg{width:min(48vw,184px)!important;height:auto!important}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .wheel-photos #wp-stage,:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .wheel-brand-page #wheel-stage{height:auto!important;min-height:0!important;aspect-ratio:auto!important;display:grid!important;place-items:center;padding:6px 0!important}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .wheel-photos #wp-preview,:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .wheel-brand-page #wheel-preview{width:min(48vw,184px)!important;height:auto!important}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .wheel-photos #wp-equipment-caption,:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .wheel-brand-page #wheel-detail{display:none!important}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .wheel-photos #wp-caption{margin:4px 0 0!important;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px!important}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .wheel-brand-page .wheel-brand-caption{padding:4px 0 0!important;min-height:0!important}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) :is(.wheel-halo #stage,.wheel-photos #wp-stage,.wheel-brand-page #wheel-stage)>button{min-height:32px!important;height:32px;padding:0 11px!important;font-size:12.5px!important;right:6px!important;bottom:6px!important;top:auto!important;left:auto!important;inset:auto 6px 6px auto!important}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .wheel-halo .caption{padding:2px 0 0!important;gap:8px!important;min-height:0!important;align-items:center!important}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .wheel-halo .caption #summary{font-size:14.5px!important}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .wheel-halo .caption :is(#materialsSummary,#equipmentSummary,#viewLabel){display:none!important}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .wheel-halo .caption #finishesSummary{margin:2px 0 0!important;max-width:78vw;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px!important}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .wheel-halo .wh-choices.materials{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .wheel-halo .wh-palette{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .wheel-halo :is(.wh-choices.materials,.wh-palette) .wh-choice-body{flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:8px!important;height:auto!important;min-height:0!important;padding:8px 8px 10px!important}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .wheel-halo :is(.wh-choices.materials,.wh-palette) .wh-option-media,
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .wheel-halo .wh-texture-palette .wh-swatch{width:100%!important;height:60px!important;flex:none!important;margin:0!important;border-radius:10px!important;overflow:hidden}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .wheel-halo :is(.wh-choices.materials,.wh-palette) .wh-option-media :is(img,svg){width:100%!important;height:100%!important;object-fit:cover}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .wheel-halo .wh-thread-palette .wh-swatch{display:none!important}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .wheel-halo :is(.wh-choices.materials,.wh-palette) .wh-option-copy{min-width:0;flex:0 0 auto!important;height:auto!important;min-height:0!important;margin:0!important;padding:0 2px!important}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .wheel-halo :is(.wh-choices.materials,.wh-palette) :is(.wh-option-media,.wh-swatch){max-width:none!important;align-self:stretch!important}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .wheel-halo :is(.wh-choices.materials,.wh-palette) .wh-option-copy :is(small,strong){font-size:12px!important;line-height:1.25!important}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .wheel-halo #options .actions{position:sticky!important;bottom:calc(12px + env(safe-area-inset-bottom));z-index:8;display:flex!important;gap:8px!important;margin-top:16px!important;padding:8px!important;border-radius:999px!important;
    background:rgba(28,28,30,.78)!important;-webkit-backdrop-filter:blur(22px) saturate(170%);backdrop-filter:blur(22px) saturate(170%);border:1px solid rgba(255,255,255,.1);box-shadow:0 14px 34px rgba(0,0,0,.5)}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .wheel-halo #options .actions #save{flex:1 1 auto}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .wheel-halo #options .actions #reset{flex:none!important;padding:0 14px!important;font-size:13px!important;white-space:nowrap}
}

/* ---------- fichas de producto en móvil (30/09) ---------- */
@media (max-width:700px){
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .product-gallery .product-photo-note{margin:8px 2px 10px!important;color:var(--ios-tx3)!important;font-size:12px!important;line-height:1.45!important}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .product-info .product-buy-benefits{grid-template-columns:1fr!important;gap:0!important;padding:0 14px!important;border-radius:16px!important;background:rgba(118,118,128,.14)!important}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .product-info .product-buy-benefits li{display:grid!important;grid-template-columns:18px minmax(0,1fr)!important;column-gap:10px!important;row-gap:1px!important;align-items:center!important;min-height:0!important;margin:0!important;padding:10px 0!important;
    border:0!important;border-bottom:.5px solid var(--ios-sep)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .product-info .product-buy-benefits li:last-child{border-bottom:0!important}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .product-info .product-buy-benefits li>span{grid-row:span 2}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .product-info .product-buy-benefits li>b{font-size:14px!important;line-height:1.3!important}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .product-info .product-buy-benefits li>small{grid-column:2;font-size:12.5px!important;line-height:1.35!important}
  /* barra de compra fija (la crea showcase-20260930.js) */
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .eps-buybar{position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:70;display:flex;align-items:center;gap:12px;padding:8px 8px 8px 16px;border-radius:24px;
    background:rgba(28,28,30,.84);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.1);box-shadow:0 16px 40px rgba(0,0,0,.55);animation:ios-sheet-up .45s var(--ios-spring) both}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .eps-buybar[hidden]{display:none}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .eps-buybar-copy{display:grid;flex:1;min-width:0}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .eps-buybar-copy small{overflow:hidden;color:var(--ios-tx2);font:500 12px/1.3 var(--ios-sf);white-space:nowrap;text-overflow:ellipsis}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .eps-buybar-copy strong{overflow:hidden;color:#fff;font:700 17px/1.2 var(--ios-sf);letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .eps-buybar-btn{flex:none;min-height:44px;padding:0 18px;border:0;border-radius:999px;background:var(--ios-ac);color:#fff;font:600 15px/1 var(--ios-sf);transition:transform .45s var(--ios-spring),background-color .2s}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .eps-buybar-btn:active{transform:scale(.96)}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .eps-buybar-btn[aria-disabled=true]{background:rgba(118,118,128,.36)}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize).eps-buybar-on .cart-fab{bottom:calc(84px + env(safe-area-inset-bottom))!important}
}
@media (min-width:701px){ :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .eps-buybar{display:none!important} }

/* =====================================================================
   REVISIÓN 01/10 (PDF del cliente)
   ===================================================================== */
/* Recogida puerta a puerta: margen arriba, sin barra de scroll y las sugerencias de Google en su sitio
   (las coloca showcase-20260930.js; aquí solo su aspecto) */
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .pickup-dialog{scrollbar-width:none}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .pickup-dialog::-webkit-scrollbar{display:none}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .pickup-dialog .pickup-dialog-head{padding-top:max(22px,env(safe-area-inset-top))!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .pickup-dialog .pickup-dialog-head>p:first-child{margin-top:6px!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .pickup-dialog .pickup-premium-media{margin-top:12px!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .pickup-dialog .pickup-premium-gallery img{height:112px!important;object-fit:cover}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .pickup-dialog .pickup-premium-media figcaption{margin-top:8px!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .pickup-dialog .pac-container{border:1px solid rgba(255,255,255,.1)!important;border-radius:16px!important;margin-top:6px;overflow:hidden;background:rgba(28,28,30,.97)!important;
  -webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 18px 44px rgba(0,0,0,.55)!important;z-index:30!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .pickup-dialog .pac-item{padding:9px 14px!important;border-top:.5px solid rgba(84,84,88,.5)!important;color:rgba(235,235,245,.6)!important;font:400 14px/1.35 var(--ios-sf)!important;cursor:pointer}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .pickup-dialog .pac-item:first-child{border-top:0!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .pickup-dialog .pac-item:hover,:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .pickup-dialog .pac-item-selected{background:rgba(118,118,128,.24)!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .pickup-dialog .pac-item-query{color:#fff!important;font-size:14.5px!important}

/* Instagram / YouTube: el icono tenía 54 px en una columna de 36 y se montaba sobre el nombre */
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .commerce-social-channel{grid-template-columns:48px minmax(0,1fr) auto!important;column-gap:12px!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .commerce-social-channel-icon{width:48px!important;height:48px!important;min-width:0!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .commerce-social-channel-name{min-width:0!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .commerce-social-channel-name :is(b,small){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .commerce-social-channel-stat{text-align:right}
@media (max-width:1100px){ :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .commerce-social-channels{grid-template-columns:minmax(0,1fr)!important} }

/* Portada en móvil: la foto empezaba justo donde acaba «Ver nuestros trabajos» */
@media (max-width:700px){
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .commerce-hero{padding-bottom:calc(290px + 22px)!important}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .commerce-hero-backdrop{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 22%);mask-image:linear-gradient(180deg,transparent 0,#000 22%)}
}

/* Logotipo redondo también en tablet (el largo se veía muy fino) */
@media (min-width:701px) and (max-width:900px){
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) :is(.landing-wordmark,.shop-wordmark){position:relative!important;display:block!important;width:42px!important;min-width:42px!important;height:42px!important;flex:0 0 42px!important;border-radius:50%!important;
    background:url(/web/images/eperformance-mark-20260930.svg) center/contain no-repeat!important;box-shadow:0 0 0 1px rgba(255,255,255,.22)!important}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) :is(.landing-wordmark,.shop-wordmark) img{position:absolute!important;width:1px!important;height:1px!important;min-width:0!important;overflow:hidden!important;clip-path:inset(50%)!important;opacity:0!important}
}

/* Buscador por coche: toda la fila abre el desplegable, no solo el valor de la derecha */
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .vehicle-finder label:has(> .ep-soft-select){position:relative!important;cursor:pointer}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .vehicle-finder label > span:first-child{position:relative;z-index:2;pointer-events:none}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .vehicle-finder label > .ep-soft-select{position:absolute!important;inset:4px 16px 4px 0!important;z-index:1;width:auto!important;max-width:none!important;height:auto!important;padding-left:40%!important;justify-content:flex-end!important;text-align:right!important;background-color:transparent!important;border-color:transparent!important;box-shadow:none!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .vehicle-finder label > .ep-soft-select:focus-visible{outline:2px solid var(--ios-ac2);outline-offset:-2px;border-radius:inherit}

/* Tarjetas de producto: menos es más (sin el bloque «N generaciones») y todas las fotos con el mismo formato */
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .product-card .product-card-compatibility{display:none!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .product-card .product-card-media{aspect-ratio:4/3!important;height:auto!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .product-card .product-card-media-link{display:block;aspect-ratio:4/3!important;height:auto!important;overflow:hidden}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .product-card .product-card-media-link img{width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:50% 45%}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) :is(.catalog-grid,.related-products-grid,.related-products) .product-card{display:flex!important;flex-direction:column}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .product-card .product-card-info{display:flex!important;flex-direction:column;flex:1 1 auto}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .product-card .product-card-bottom{margin-top:auto!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .catalog-quick-links.eps-car-active b{display:none}
/* Volantes (foto de estudio cuadrada): misma caja 4:3 pero foto entera; los laterales continúan el fondo del estudio */
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .product-card[data-family="volantes-personalizados"] .product-card-media-link{background:linear-gradient(180deg,#202020 0%,#1a1a1a 45%,#161616 76%,#2f2e2e 77.6%,#4b494a 87%,#5b5859 100%)}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .product-card[data-family="volantes-personalizados"] .product-card-media-link img{object-fit:contain!important;object-position:50% 50%!important;background:transparent!important}

/* Volantes: fuera «Explorar 156 combinaciones» (cargaba cientos de imágenes), paletas en rejilla y
   la ficha obliga a personalizar antes de añadir a la cesta */
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .wp-combinations{display:none!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) :is(.wheel-photos,.wheel-halo) .wh-palette{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) :is(.wheel-photos,.wheel-halo) .wh-palette .wh-choice-body{flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:8px!important;height:auto!important;min-height:0!important;padding:8px 8px 10px!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) :is(.wheel-photos,.wheel-halo) .wh-palette :is(.wh-option-media,.wh-swatch){width:100%!important;max-width:none!important;height:64px!important;flex:none!important;margin:0!important;border-radius:10px!important;overflow:hidden;align-self:stretch!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) :is(.wheel-photos,.wheel-halo) .wh-palette .wh-option-media :is(img,svg){width:100%!important;height:100%!important;object-fit:cover}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) :is(.wheel-photos,.wheel-halo) .wh-thread-palette .wh-swatch{display:none!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) :is(.wheel-photos,.wheel-halo) .wh-palette .wh-option-copy{flex:0 0 auto!important;min-width:0;height:auto!important;min-height:0!important;margin:0!important;padding:0 2px!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) :is(.wheel-photos,.wheel-halo) .wh-palette .wh-option-copy :is(small,strong){font-size:12.5px!important;line-height:1.25!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) main[data-family="volantes-personalizados"] .product-actions [data-product-quote]{display:none!important}
/* Precios de volantes (01/10): el aviso «Añádelo a tu solicitud» ya no aplica; se compra desde el configurador */
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) main[data-family="volantes-personalizados"] [data-product-status]{display:none!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) main[data-family="volantes-personalizados"] [data-wheel-customize]{background:var(--ios-ac)!important;border-color:transparent!important;color:#fff!important;box-shadow:0 10px 26px rgba(210,58,88,.32)}

/* Cinturones: botón flotante «Ver más tonos» sobre la rejilla (la crea showcase-20260930.js) */
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .seatbelt-color-options{position:relative}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .eps-more-tones{position:absolute;left:50%;z-index:3;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;border:1px solid rgba(255,255,255,.14);border-radius:999px;
  background:rgba(28,28,30,.82);-webkit-backdrop-filter:blur(18px) saturate(170%);backdrop-filter:blur(18px) saturate(170%);color:#fff;font:600 13px/1 var(--ios-sf);cursor:pointer;
  box-shadow:0 10px 26px rgba(0,0,0,.45);transform:translateX(-50%);transition:opacity .25s,transform .45s var(--ios-spring)}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .eps-more-tones:active{transform:translateX(-50%) scale(.95)}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .eps-more-tones[hidden]{display:none}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .eps-more-tones span{display:inline-block;animation:eps-bob 1.6s var(--ios-ease) infinite}
@keyframes eps-bob{0%,100%{transform:translateY(-1px)}50%{transform:translateY(2px)}}

/* Volantes en móvil: rótulos y subtítulos a 10 px → mínimo 11,5 px (auditoría 01/10) */
@media (max-width:700px){
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) :is(.wheel-halo,.wheel-photos,.wheel-brand-page) :is(.eyebrow,.wp-eyebrow,.visual-heading span,.wp-visual-heading span,.wheel-brand-visual-top span,.wh-choice small,.wh-option-copy small,.wp-choices small,.zone-heading small,.presets>span,.wheel-brand-swatches small){font-size:11.5px!important;line-height:1.3!important}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) :is(.wheel-halo,.wheel-photos,.wheel-brand-page) :is(.wheel-breadcrumb,.wp-crumb,.wheel-brand-crumb) a{display:inline-block;padding:10px 2px!important;margin:-10px 0!important}
}

/* ===== Ventajas de compra (01/10): lista discreta, sin cajas, iconos de línea en gris ===== */
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .product-info .product-buy-benefits{display:grid!important;grid-template-columns:1fr!important;gap:0!important;margin:18px 0 4px!important;padding:0!important;border:0!important;border-top:1px solid rgba(255,255,255,.08)!important;border-radius:0!important;background:none!important;box-shadow:none!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .product-info .product-buy-benefits li{display:grid!important;grid-template-columns:20px minmax(0,1fr)!important;column-gap:12px!important;row-gap:1px!important;align-items:center!important;min-height:0!important;margin:0!important;padding:10px 2px!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.08)!important;border-radius:0!important;background:none!important;box-shadow:none!important;animation:none!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .product-info .product-buy-benefits li>span{grid-row:span 2;width:19px;height:19px;font-size:0!important;color:transparent!important;background:rgba(235,235,245,.6)!important;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203.2%2018.6%206v5.2c0%204.3-2.8%207.9-6.6%209.6-3.8-1.7-6.6-5.3-6.6-9.6V6Z%22%2F%3E%3Cpath%20d%3D%22m9.2%2012%202%202%203.8-3.9%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203.2%2018.6%206v5.2c0%204.3-2.8%207.9-6.6%209.6-3.8-1.7-6.6-5.3-6.6-9.6V6Z%22%2F%3E%3Cpath%20d%3D%22m9.2%2012%202%202%203.8-3.9%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .product-info .product-buy-benefits li:nth-child(2)>span{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14.6%205.6a3.9%203.9%200%200%200-5%205L4.4%2015.8a1.6%201.6%200%200%200%200%202.3l1.5%201.5a1.6%201.6%200%200%200%202.3%200l5.2-5.2a3.9%203.9%200%200%200%205-5l-2.3%202.3-2.2-.5-.5-2.2Z%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14.6%205.6a3.9%203.9%200%200%200-5%205L4.4%2015.8a1.6%201.6%200%200%200%200%202.3l1.5%201.5a1.6%201.6%200%200%200%202.3%200l5.2-5.2a3.9%203.9%200%200%200%205-5l-2.3%202.3-2.2-.5-.5-2.2Z%22%2F%3E%3C%2Fsvg%3E")}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .product-info .product-buy-benefits li:nth-child(3)>span{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%2011.4c0%204-3.6%207.1-8%207.1-1%200-2-.2-2.9-.5L4.6%2019.6l1.3-3.5C4.7%2014.8%204%2013.2%204%2011.4c0-4%203.6-7.1%208-7.1s8%203.1%208%207.1Z%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%2011.4c0%204-3.6%207.1-8%207.1-1%200-2-.2-2.9-.5L4.6%2019.6l1.3-3.5C4.7%2014.8%204%2013.2%204%2011.4c0-4%203.6-7.1%208-7.1s8%203.1%208%207.1Z%22%2F%3E%3C%2Fsvg%3E")}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .product-info .product-buy-benefits li>b{margin:0!important;color:#fff!important;font:600 14px/1.3 var(--ios-sf)!important;letter-spacing:-.005em!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .product-info .product-buy-benefits li>small{grid-column:2;margin:0!important;color:rgba(235,235,245,.58)!important;font:400 12.5px/1.35 var(--ios-sf)!important}

/* ===== Cesta (01/10): sin «Tu coche» ni matrícula (el comercial lo confirma después), señal de conversiones, filtros sin tapar ===== */
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) #cart-checkout-form:not(.needs-vehicle) .cf-field:has(input[name="vehiculo"]),:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) #cart-checkout-form .cf-field:has(input[name="matricula"]){display:none!important}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .cart-deposit-today{margin:4px 0 0!important;color:rgba(235,235,245,.7)!important;font:600 13px/1.4 var(--ios-sf)!important;text-align:left}
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .cart-item-info [data-deposit-line]{display:block;margin-top:3px;color:rgba(235,235,245,.6)!important;font-size:12px!important}
@media (min-width:901px){:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .catalog-filters{max-height:calc(100vh - 236px)!important}}
/* Auditoría visual 01/10: en escritorio la cabecera fija ya lleva la cesta; el botón flotante tapaba filtros y miniaturas */
@media (min-width:901px){:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) #cart-fab{display:none!important}}
/* Tintado: colores del simulador con objetivo táctil de 36 px en el móvil */
@media (max-width:900px){:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .tint-tone-colors button{width:36px!important;height:36px!important}}
/* 01/10: zona táctil de 44 px en los enlaces de cuenta de la cesta (sin cambiar el diseño) */
:root.ep-ios:not(#ep-ios-x):not(.customer-teslize) :is(.cart-account-strip a,.cart-account-link){display:inline-block;padding-block:12px;margin-block:-12px}