@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,700&display=swap");:root{--first-color:#E3F8FF;--second-color:#DCFAFB;--third-color:#FFE8DF;--accent-color:#FF5151;--dark-color:#161616;--body-font:"Open Sans";--h1-font-size:1.5rem;--h3-font-size:1rem;--normal-font-size:0.938rem;--smaller-font-size:0.75rem}@media screen and (min-width:768px){:root{--h1-font-size:2rem;--normal-font-size:1rem;--smaller-font-size:0.813rem}}*,:after,:before{box-sizing:border-box}body{background-color:#fff;color:var(--dark-color);font-family:var(--body-font)}h1{font-size:var(--h1-font-size)}img{max-width:100%}a{text-decoration:none}.bd-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));max-width:1200px;margin-left:2.5rem;margin-right:2.5rem;align-items:center;gap:2rem}.title-shop{position:relative}.title-shop:after{content:"";position:absolute;top:50%;width:72px;height:2px;background-color:var(--dark-color);margin-left:.25rem}.card{position:relative;display:flex;flex-direction:column;align-items:center;padding:1.5rem 2rem;border-radius:1rem;overflow:hidden}.card__img{width:180px;height:auto;padding:3rem 0;transition:.5s}.card__name{position:absolute;left:-25%;top:0;width:3.5rem;height:100%;writing-mode:vertical-rl;transform:rotate(180deg);text-align:center;background-color:oklch(.666 .179 58.318);color:#fff;font-weight:700;transition:.5s}@keyframes rotateInfinite{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.rotate-animation{animation:rotateInfinite 5s linear infinite}.card__icon{font-size:1.5rem;color:var(--dark-color)}.card__icon:hover{color:var(--accent-color)}.card__precis{width:100%;display:flex;justify-content:space-between;align-items:flex-end;transition:.5s}.card__preci{display:block;text-align:center}.card__preci--before{font-size:var(--smaller-font-size);color:oklch(.666 .179 58.318);margin-bottom:.25rem}.card__preci--now{font-size:var(--h3-font-size);font-weight:700}.card:hover{box-shadow:0 .5rem 1rem #D1D9E6}.card:hover .card__name{left:0}.card:hover .card__img{transform:rotate(10deg);margin-left:3.5rem;width:160px;height:auto}.card:hover .card__precis{margin-left:3.5rem;padding:0 1.5rem}@media screen and (min-width:1200px){.title-shop{margin:0 5rem}.bd-grid{margin-left:auto;margin-right:auto}}