/* Shared motion for free test-frame offers. */
.offer__wrap,.strip{position:relative;isolation:isolate;overflow:hidden}
.offer__wrap::before,.strip::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(10,10,11,.94) 0%,rgba(10,10,11,.78) 48%,rgba(10,10,11,.4) 100%),url('/media/posters/poster_wardrobe.jpg') center 54%/cover no-repeat;transform:scale(1);transform-origin:70% 50%;transition:transform .85s cubic-bezier(.2,.65,.3,1),filter .65s ease;filter:brightness(1)}
.offer__wrap>.btn,.strip>.btn{position:relative;transform-origin:center;transition:transform .45s cubic-bezier(.2,.65,.3,1),box-shadow .45s ease,background-color .3s ease,color .3s ease}
.offer__wrap:focus-within::before,.strip:focus-within::before{transform:scale(1.06);filter:brightness(1.12)}
.offer__wrap:focus-within>.btn,.strip:focus-within>.btn{transform:scale(1.04);box-shadow:0 8px 24px rgba(255,122,47,.14)}
@media(hover:hover) and (pointer:fine){.offer__wrap:hover::before,.strip:hover::before{transform:scale(1.06);filter:brightness(1.12)}.offer__wrap:hover>.btn,.strip:hover>.btn{transform:scale(1.04);box-shadow:0 8px 24px rgba(255,122,47,.14)}}
@media(max-width:600px){.offer__wrap::before,.strip::before{background-image:linear-gradient(90deg,rgba(10,10,11,.9),rgba(10,10,11,.65)),url('/media/posters/poster_wardrobe.jpg')}}
@media(prefers-reduced-motion:reduce){.offer__wrap::before,.strip::before,.offer__wrap>.btn,.strip>.btn{transition:none}.offer__wrap:hover::before,.strip:hover::before,.offer__wrap:focus-within::before,.strip:focus-within::before,.offer__wrap:hover>.btn,.strip:hover>.btn,.offer__wrap:focus-within>.btn,.strip:focus-within>.btn{transform:none}}

.offer__wrap,.strip{color:inherit;text-decoration:none;cursor:pointer}.offer__wrap:focus-visible,.strip:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
