/* Mobile CTA only. Exact supplied PNG; transparent VFX; current live layout preserved. */
html[data-mobile-entry] #submit-button.button-primary{isolation:isolate;overflow:visible;border:0!important;background:transparent!important;color:transparent!important;text-shadow:none!important;box-shadow:none!important;clip-path:none!important;transition:transform 150ms cubic-bezier(.2,.8,.2,1)}
html[data-mobile-entry] #submit-button.button-primary>span{position:absolute;z-index:0;left:0;top:50%;width:100%;aspect-ratio:3 / 1;transform:translateY(-50%);color:transparent!important;background:transparent url('/assets/bilkroken-v2/analyser-bilen-574d383fb42d.png') center/100% 100% no-repeat}
html[data-mobile-entry] #submit-button.button-primary::before{content:"";position:absolute;z-index:1;left:4%;top:50%;width:92%;height:25%;transform:translateY(-50%);pointer-events:none;opacity:.16;background:linear-gradient(105deg,transparent 38%,#ffeec233 46%,#fff1b080 50%,#ffd16b33 54%,transparent 62%) -120% 0/225% 100% no-repeat;mix-blend-mode:screen}
html[data-mobile-entry] #submit-button.button-primary::after{content:"";position:absolute;z-index:2;left:4%;top:50%;width:92%;aspect-ratio:3 / 1;transform:translateY(-50%);pointer-events:none;opacity:.14;background:radial-gradient(circle at 17% 39%,#fff7c4 0 1px,transparent 2px),radial-gradient(circle at 31% 63%,#ffbb52 0 .8px,transparent 1.8px),radial-gradient(circle at 56% 31%,#fff2bc 0 .8px,transparent 1.8px),radial-gradient(circle at 73% 61%,#ff9b32 0 1px,transparent 2px),radial-gradient(circle at 85% 42%,#fff5ca 0 .7px,transparent 1.7px);mix-blend-mode:screen;animation:cta-energy-drift 6.4s ease-in-out infinite}
html[data-mobile-entry] #submit-button.button-primary>*:not(span){position:relative;z-index:1;color:transparent!important}
html[data-mobile-entry] #submit-button.button-primary:hover{transform:translateY(-2px)}
html[data-mobile-entry] #submit-button.button-primary:hover::before{opacity:.44;animation:cta-light-sweep 760ms cubic-bezier(.16,.72,.22,1) both}
html[data-mobile-entry] #submit-button.button-primary:hover::after{opacity:.25;animation:cta-energy-drift 3.8s ease-in-out infinite}
html[data-mobile-entry] #submit-button.button-primary:active{transform:translateY(1px) scale(.985)}
html[data-mobile-entry] #submit-button.button-primary:active::before{opacity:.5;animation:cta-power-surge 260ms ease-out both}
html[data-mobile-entry] #submit-button.button-primary:active::after{opacity:.32;animation:cta-energy-surge 260ms ease-out both}
/* The PNG defines the visible edge. Native tap tint and a rectangular focus
   outline would paint the transparent hit area when the button is pressed. */
html[data-mobile-entry] #submit-button.button-primary{outline:0;-webkit-tap-highlight-color:transparent}
html[data-mobile-entry] #submit-button.button-primary:focus-visible{outline:0}
html[data-mobile-entry] #submit-button.button-primary:focus-visible>span{filter:drop-shadow(0 0 2px #fff5cc) drop-shadow(0 0 4px #ff8400)}
@keyframes cta-light-sweep{from{background-position:-105% 0,center}to{background-position:105% 0,center}}
@keyframes cta-energy-drift{0%,100%{transform:translateY(-50%) translateX(-.45%);opacity:.13}50%{transform:translateY(-50%) translateX(.45%);opacity:.22}}
@keyframes cta-power-surge{0%{background-position:-35% 0,center}42%{background-position:45% 0,center}100%{background-position:105% 0,center}}
@keyframes cta-energy-surge{0%{transform:translateY(-50%) scale(.985);opacity:.16}45%{transform:translateY(-50%) scale(1);opacity:.42}100%{transform:translateY(-50%) scale(.99);opacity:.2}}
@media(prefers-reduced-motion:reduce){html[data-mobile-entry] #submit-button.button-primary{transition:none}html[data-mobile-entry] #submit-button.button-primary::before,html[data-mobile-entry] #submit-button.button-primary::after,html[data-mobile-entry] #submit-button.button-primary:hover::before,html[data-mobile-entry] #submit-button.button-primary:hover::after,html[data-mobile-entry] #submit-button.button-primary:active::before,html[data-mobile-entry] #submit-button.button-primary:active::after{animation:none}}
/* The form sprite contains the old input AND CTA frame. Keep the complete
   input section (top 53%), but stop painting the old CTA's lower 47%.
   The existing mobile environment mask already removes this region from
   the full-scene sprite, revealing garage-underlay behind the new PNG.
   Clip only the decorative sprite, never the form, input or live button. */
@media (min-width:280px) and (max-width:1100px) {
  html[data-mobile-entry] .listing-input-shell::before {
    /* Keep original antialiasing on the unchanged top/side sprite edges. */
    clip-path: inset(-1px -1px 47% -1px);
  }
  html[data-mobile-entry] .listing-input-shell .led-track {
    /* Remove the legacy form's faint rectangular light rail in the CTA
       zone too. Subtract its 4% bottom inset from the sprite's 47% cut,
       then divide by its 92% height; retain the part around the input. */
    clip-path: inset(-1px -1px calc(43% / .92) -1px);
  }
}
