body,html{overflow-x:hidden}body{background-image:url(../../static/media/bgimage.941f0ea9b90c5eb646ae.png);font-family:Arial,sans-serif;margin:0;padding:0}.App{align-items:center;display:flex;flex-direction:column}h1,h2{margin:0}.header{background:#fff;border-radius:1.875rem;font-weight:700;margin:1.875rem 5rem 0;max-width:74rem;padding:1.625rem 3.125rem;width:80%}.header,.header .logo{display:flex}.screen-content{display:flex;flex-direction:column}.screen h1{font-size:3.16rem;max-width:23rem}.screen p{font-size:1.25rem;max-width:30rem}.price .new-price{font-size:1.688rem;font-weight:700;text-decoration:line-through}.price .old-price{font-size:3.125rem;font-weight:700}.screen-image img{max-height:100%;max-width:100%}.buy-button{background:#000;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:4.125rem;left:-3rem;padding:1.125rem 0;position:relative;top:5rem;width:31.625rem}.buy-button,.product{border-radius:1.875rem;font-weight:700;text-align:center}.product{align-items:center;background:#fff;display:flex;flex-direction:column;margin:1.875rem 5rem 0;max-width:74rem;padding:1.625rem 3.125rem;width:80%}.product h2{font-size:3.16rem;margin:0 5rem;max-width:29rem}.product p{font-size:1.25rem;max-width:63rem}.product-gallery{flex-direction:column;gap:.625rem;margin:1.875rem 0 0;padding:0}.gallery-wrapper,.product-gallery{display:flex;overflow:hidden;width:100%}.gallery-wrapper{position:relative}.gallery-track{display:flex;white-space:nowrap;width:max-content}.gallery-up{animation:scrollLeft 90s linear infinite}.gallery-down{animation:scrollRight 80s linear infinite}@keyframes scrollLeft{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes scrollRight{0%{transform:translateX(-50%)}to{transform:translateX(0)}}.product-gallery img{border-radius:1.875rem;height:22.206rem;margin-right:.625rem;object-fit:cover;width:31.185rem}.about{align-items:center;background:#fff;border-radius:1.875rem;display:flex;flex-direction:row;font-weight:700;justify-content:space-around;margin:1.875rem 5rem 0;max-width:74rem;padding:1.625rem 3.125rem;text-align:center;width:80%}.upload-preview{grid-gap:.625rem;background:#eaeaea;border-radius:1.875rem;display:grid;gap:.625rem;grid-template-columns:repeat(2,1fr);margin-top:.625rem;padding:1.25rem}.upload-preview .upload-item{position:relative}.upload-preview img{border-radius:.3125rem;height:6.25rem;object-fit:cover;width:6.25rem}.delete-button{align-items:center;background:red;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.875rem;height:1.25rem;justify-content:center;position:absolute;right:.3125rem;top:.3125rem;width:1.25rem}.upload-label{background:#000;border:none;border-radius:1.875rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:.625rem 1.25rem}.upload-label input{display:none}.about-block{display:flex;flex-direction:column;gap:1.875rem}.about-block button{background:#000;border:none;border-radius:1.875rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:.625rem 1.25rem}.about-photo button{background:none;border:none;color:#000;cursor:pointer;font-size:1.5rem;position:absolute}.color-options{display:flex;gap:.625rem;justify-content:center}.color{border:.125rem solid #eaeaea;border-radius:50%;cursor:pointer;display:inline-block;height:1.25rem;width:1.25rem}.black{background:#000}.red{background:red}.blue{background:blue}.white{background:#fff}.yellow{background:#ff0}.purple{background:purple}.about-photo{flex-direction:column;gap:.625rem}.about-photo,.main-photo{align-items:center;display:flex;justify-content:center}.main-photo{position:relative}.main-photo img{border-radius:.625rem;object-fit:cover;width:18.75rem}.next-button,.prev-button{background:none;border:none;cursor:pointer;font-size:1.5rem;position:absolute}.prev-button{left:-1.875rem}.next-button{right:-1.875rem}.thumbnail-gallery{display:flex;gap:.625rem}.thumbnail-gallery img{border-radius:.3125rem;cursor:pointer;height:3.75rem;object-fit:cover;transition:transform .2s ease-in-out}.thumbnail-gallery img.active{border:.125rem solid #000;transform:scale(1.1)}.modal{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background:#fff;border-radius:.625rem;box-shadow:0 .25rem .625rem #0000004d;padding:1.25rem;position:relative;text-align:center;width:25rem}.modal-content input{border:.0625rem solid #ccc;border-radius:.3125rem;display:block;margin:.625rem auto;padding:.625rem;width:calc(100% - 1.25rem)}.modal-content button{border:none;border-radius:.3125rem;cursor:pointer;font-weight:700;margin:.3125rem;padding:.625rem 1.25rem}.modal-content button:first-of-type{background:#28a745;color:#fff}.modal-content button:last-of-type{background:#dc3545;color:#fff}.success-modal{background:#fff;border-radius:.625rem;box-shadow:0 .25rem .625rem #0000004d;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1100}.order-form,.success-modal{padding:1.25rem;text-align:center}.order-button,.upload-button{background:#000;border:none;color:#fff;cursor:pointer;font-size:1rem;padding:.625rem 1.25rem}footer{flex-direction:column;width:80%}.footer-up,footer{align-items:center;display:flex;max-width:74rem}.footer-up{background:#fff;border-radius:1.875rem;flex-direction:row;font-weight:400;justify-content:space-between;margin:1.875rem 5rem 0;padding:.625rem 3.125rem;text-align:center;width:100%}.social-link{align-items:center;display:flex;flex-direction:row;gap:1rem}.social-link img{max-width:2.5rem}@media (min-width:768px){.pc{display:flex}.pc1{display:block}.mob{display:none}.screen-image{align-items:center;height:100%;max-width:35%;padding:0 3%}.screen{background-image:url(../../static/media/Subtract_Pc.5071a0f6ba87f175e892.svg);background-repeat:no-repeat;border-radius:1.875rem;display:flex;height:537px;justify-content:space-between;margin:1.875rem 5rem 0;max-width:74rem;padding:2.1875rem 3.125rem 1.4rem;width:80%}}@media (max-width:768px){.App{align-items:stretch}.pc,.pc1{display:none}.mob{display:flex}.header{display:flex;padding:1rem 1.5rem;text-align:center}.header,.screen{border-radius:.813rem;margin:1.25rem 1rem 0;width:auto}.screen{align-items:center;background-image:url(../../static/media/Subtract_Mob2.17ba796a10499fb592f1.svg);background-position:100%;background-repeat:no-repeat;background-size:cover;flex-direction:column;gap:2rem;padding:1.25rem 0 0}.screen-content{gap:1rem}.screen-content,.screen-image{align-items:center;text-align:center}.screen-image{flex-direction:column}.screen-image img{height:auto;max-height:33.563rem;max-width:80%}.screen h1{font-size:1.5rem;max-width:80%}.screen p{font-size:.85rem;max-width:100%;padding:0 1rem}.price-block{display:flex;flex-direction:row;gap:.525rem;justify-content:space-between;width:100%}.screen .price{align-items:center;display:flex;flex-direction:column;padding-left:10%}.screen .price .old-price{font-size:1.375rem;font-weight:700}.screen .price .new-price{font-size:.875rem;font-weight:700;text-decoration:line-through}.buy-button{background:#000;border:none;border-radius:.813rem;color:#fff;cursor:pointer;display:inline-block;font-size:1.625rem;font-weight:700;padding:1.125rem 0;position:static;text-align:center;width:12rem}.product h2{font-size:1.5rem;margin:0}.product p{font-size:.85rem;font-weight:400;max-width:100%;padding:0 1rem}.product{align-items:center;background:#fff;border-radius:.813rem;display:flex;flex-direction:column;margin:1.25rem 1rem 0;max-width:74rem;padding:1rem 0;text-align:center;width:auto}.prev-button{left:-2.875rem}.next-button{right:-2.875rem}.product-gallery{flex-direction:column;gap:.625rem;margin:1.25rem 0 0}.gallery-wrapper,.product-gallery{display:flex;overflow:hidden;width:100%}.gallery-wrapper{position:relative}.gallery-track{display:flex;white-space:nowrap;width:max-content}.gallery-up{animation:scrollLeft 90s linear infinite}.gallery-down{animation:scrollRight 80s linear infinite}@keyframes scrollLeft{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes scrollRight{0%{transform:translateX(-50%)}to{transform:translateX(0)}}.product-gallery img{border-radius:.813rem;height:12.206rem;margin-right:.625rem;object-fit:cover;width:15.185rem}.about{align-items:center;flex-direction:column;gap:1rem;margin:1.25rem 1rem;padding:1.25rem;width:auto}.about-photo .main-photo img{width:100%}.thumbnail-gallery{flex-wrap:wrap;justify-content:center}.about-block{align-items:center;gap:1.25rem;width:100%}.about-photo{width:80%}.color-options{justify-content:center}.upload-preview{gap:.625rem;grid-template-columns:1fr 1fr;padding:.625rem}.modal-content{padding:1rem;width:90%}.modal-content input{width:100%}.order-button,.upload-button{font-size:1.2rem;padding:.75rem;width:100%}footer{align-items:stretch;flex-direction:column;max-width:100%;width:100%}.footer-up{border-radius:.813rem;justify-content:space-between;margin:0 1rem 1.25rem;max-width:100%;padding:1.25rem;width:auto}.footer-up,.social-link{align-items:center;display:flex;flex-direction:row;gap:1rem}.social-link img{max-width:2.5rem}.footer-down{padding:0 0 1.25rem;text-align:center}}
/*# sourceMappingURL=main.8c6d2c05.css.map*/