body,html{height:auto}.app-wrapper{min-height:100vh;height:auto;display:flex}.app-container{position:relative;width:var(--app-width);margin:0 auto;min-height:100vh;height:auto;box-shadow:0 0 2px var(--box-shadow-light)}header{z-index:2;position:absolute;width:100%;height:calc(var(--header-height) - 15px);display:flex;align-items:center}header h1{color:var(--white-first);font-size:var(--size-h3);height:100%;display:flex;justify-content:center;align-items:center;padding:0 10px}.app-header{position:absolute;width:100%;height:200px;background:linear-gradient(47deg, #ff7da7, #fc85b3, #f5b2c2, #ff8daa);background-size:400% 400%;animation:gradient 15s ease infinite}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}main{width:100%;padding-top:var(--header-height);display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.img-wrapper{z-index:3;width:300px;height:300px;padding:5px;background:var(--white-first);border-radius:var(--gap-main)}.swiper{width:100%;height:100%;border-radius:var(--gap-main);box-shadow:0 0 5px var(--box-shadow-light);overflow:hidden}.swiper-wrapper{border-radius:var(--gap-main)}.swiper-slide{background-position:center;background-repeat:no-repeat;background-size:cover}.expand{margin-top:5px;height:var(--size-h1);fill:var(--first-color)}.phrase-container{padding:var(--gap-small) var(--gap-main);display:flex;flex-direction:column;align-items:center;gap:5px}.phrase-container.show{animation:show 1.3s forwards}@keyframes show{0%{opacity:0}100%{opacity:1}}.person{position:relative;text-align:center;font-size:var(--size-p)}.person::before{content:"💕";position:absolute;width:20px;border-radius:5px;left:-30px}.phrase-content{min-height:130px}.phrase{text-align:center;font-size:var(--size-h2);word-break:keep-all;background:var(--white-first)}.shop-wrapper{width:100%}.shop-message{max-width:95%;margin:0 auto;padding:0 var(--gap-small);font-size:var(--size-p);text-align:center;word-break:keep-all}.shop-container{padding:var(--gap-middle);display:grid;grid-template-columns:repeat(3, 100px);justify-content:center;align-items:center;gap:8px}.shop-container a{display:flex;flex-direction:column;justify-content:center;align-items:center}.shop-content{width:80px;height:80px;background-position:center;background-repeat:no-repeat;background-size:cover;border-radius:50%;box-shadow:0 0 3px var(--box-shadow-light)}.shop-name{text-align:center;font-size:var(--size-p)}.responsive-ad{width:95%;max-width:450px;padding:var(--gap-main)}.big-img-wrapper{z-index:5;position:fixed;top:0;left:0;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,0.8);pointer-events:none;opacity:0}.big-img-wrapper.show{pointer-events:auto;opacity:1}.big-img-wrapper .swiper-container{position:relative;width:var(--img-wrapper-width);height:var(--img-wrapper-height);max-width:90vw;max-height:600px;padding:50px 10px 10px;background:var(--white-first);border-radius:var(--gap-main)}.close-btn{position:absolute;top:10px;right:10px}.close-btn svg{height:30px;fill:var(--second-color);transition:0.2s}.close-btn svg:hover{fill:var(--first-color)}.big-img-wrapper .swiper{width:100%;height:100%}@media screen and (max-width: 650px){:root{--app-width:100%}.img-wrapper{width:220px;height:220px}.phrase{font-size:var(--size-h3)}}@media screen and (max-width: 450px){.img-wrapper{width:90vw;height:90vw;max-width:200px;max-height:200px}}@media screen and (max-width: 340px){.shop-container{grid-template-columns:repeat(2, 100px)}}