@import url('refinements.css');
@import url('storefront-images.css');
@import url('cms.css');
@import url('compact.css');
@import url('details-sections.css');
@import url('storefront-polish.css');
@import url('repair-experience.css');
@import url('hero-repair-slide.css');
@import url('category-images.css');
.logo img,.foot-brand img,footer>img{object-fit:contain!important;background:transparent!important}.hero img{animation:heroZoom 14s ease-in-out infinite alternate}.hero-copy,.hero>div{transition:opacity .45s,transform .55s}.hero.changing>div{opacity:0;transform:translateX(-28px)}@keyframes heroZoom{from{transform:scale(1)}to{transform:scale(1.08)}}.pic{background-image:url('assets/hero-phones.png')!important;background-size:cover!important;background-position:65% center!important;color:transparent!important;position:relative}.pic:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#061d4a99,transparent 55%)}.products article:nth-child(2) .pic{background-position:77% center!important}.products article:nth-child(3) .pic{background-position:57% center!important}.products article:nth-child(4) .pic{background-position:88% center!important}.products article:nth-child(5) .pic{background-position:45% center!important}