/* Finite, lightweight automotive storefront interactions. */
.shop-hero{position:relative;isolation:isolate}
.shop-hero::before{content:"";position:absolute;z-index:-1;inset:0;background:repeating-linear-gradient(120deg,transparent 0,transparent 110px,#ffffff03 111px,#ffffff03 112px);pointer-events:none}
.shop-hero::after{content:"";position:absolute;left:-30%;top:0;width:20%;height:100%;pointer-events:none;background:linear-gradient(100deg,transparent,#69aaff0c,transparent);transform:skewX(-20deg);animation:obr-hero-pass 1.6s ease-out both}
@keyframes obr-hero-pass{from{left:-30%;opacity:0}25%{opacity:1}to{left:110%;opacity:0}}
.shop-product-tabs button{position:relative;transition:color .18s,background .18s,border-color .18s}
.shop-product-tabs button[aria-pressed=true]::after{content:"";position:absolute;height:3px;left:0;right:0;bottom:-3px;background:var(--primary);transform-origin:left;animation:obr-tab-in .25s ease-out}
@keyframes obr-tab-in{from{transform:scaleX(.2)}to{transform:scaleX(1)}}
.shop-finder button{transition:background .2s,color .2s,box-shadow .2s,transform .2s}
.shop-finder button:enabled{box-shadow:0 3px 12px #0071e324}
.shop-finder select{transition:border-color .2s,box-shadow .2s}
.shop-finder select:focus-visible{box-shadow:0 0 0 4px #0071e31a}
.shop-hero-visual{transition:transform .25s ease-out,box-shadow .25s}
.shop-departments>a,.shop-collections>a,.shop-vehicle-grid>a,.pcard{transition:transform .24s cubic-bezier(.2,.75,.25,1),border-color .2s,box-shadow .24s}
.shop-departments img,.shop-collections img,.pcard .thumb img{transition:transform .35s cubic-bezier(.2,.75,.25,1)}
.shop-visual-label>span,.shop-vehicle-grid b,.obr-card-detail>span,.shop-departments a>span>span{display:inline-block;transition:transform .2s}
.btn{transition:background .18s,box-shadow .18s,transform .18s}
.btn:active,.shop-product-tabs button:active{transform:scale(.98)}
.shop-departments>a:focus-visible,.shop-collections>a:focus-visible,.shop-vehicle-grid>a:focus-visible{outline:3px solid var(--primary);outline-offset:5px}
@media(min-width:834px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .shop-hero-visual{transform:perspective(1100px) rotate(-2deg) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))}
  .shop-hero-visual:hover{box-shadow:0 20px 50px #0004}
  .shop-hero-visual:hover .shop-visual-label>span{transform:translate(3px,-3px)}
  .shop-departments>a:hover{transform:translateY(-5px)}
  .pcard:hover,.shop-collections>a:hover,.shop-vehicle-grid>a:hover{transform:translateY(-4px);box-shadow:0 10px 24px #142b4312}
  .pcard:hover .thumb img{transform:scale(1.045)}
  .shop-collections>a:hover img{transform:scale(1.035)}
  .shop-vehicle-grid>a:hover b,.shop-departments>a:hover>span>span,.pcard:hover .obr-card-detail>span{transform:translate(3px,-3px)}
  .btn:hover{transform:translateY(-2px);box-shadow:0 5px 14px #17263b18}
  .btn:active{transform:translateY(0) scale(.98)}
}
@media(prefers-reduced-motion:reduce){
  .shop-hero::after{display:none}
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}