@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
*{margin:0;padding:0;text-decoration:none;border:0;outline:0;list-style:none;box-sizing:border-box;font-family:Poppins}:root{--color-primary:#ff69b4;--color-primary-light:#ff92c2;--color-primary-dark:#cc578f;--color-secondary:#f9f238;--color-accent:#6610f2;--color-background:#ffffff;--color-surface:#f9f5fb;--color-text:#000000;--color-text-muted:#bbb8b8;--color-text-on-primary:#ffffff;--color-border:#e0d2e8;--color-muted:#f4e7f1;--container-width-1g:80%;--container-width-md:90%;--shadow-sm:0 1px 3px rgba(0,0,0,0.1);--shadow-md:0 4px 6px rgba(0,0,0,0.1);--shadow-lg:0 10px 20px rgba(0,0,0,0.15);--shadow-card:0 1rem 0.8rem rgba(0,0,0,0.5);--transition:all 500ms ease}body{background-color:#f4f4f4;color:white;text-decoration:none;list-style:none;max-width:100vw;line-height:1.6}html{scroll-behavior:smooth}.navbar{height:5rem;width:100vw;background:var(--color-primary-dark);display:flex;justify-content:space-between;align-items:center;text-align:center;color:var(--color-text);padding:2rem;position:fixed;top:0;left:0;width:100%;z-index:1000;padding-top:1rem;backdrop-filter:blur(10px);box-shadow:0 2px 20px rgba(0,0,0,0.1)}.logo{display:flex;align-items:center;gap:2rem}.logo h1{color:var(--color-surface);font-weight:800;font-size:1.8rem;letter-spacing:0.5px}.navbar img{height:50px;width:50px;transition:var(--transition)}.navbar img:hover{transform:scale(1.1)}.navbar ul{display:flex;gap:2rem;margin-right:2rem}.navbar li{color:var(--color-surface);font-weight:600;transition:var(--transition);cursor:pointer}.menu-btn{display:none}.navbar li:hover{color:var(--color-text-muted);transform:scale(0.9)}.navbar a{text-decoration:none}.main{margin:0%;background:linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.8)),url('image/Other/cherry-blossoms-7110279_1280.jpg') center/cover no-repeat;background-repeat:no-repeat;background-position:center;height:100vh;animation:fadeBackground 10s infinite;transition:opacity 1s ease-in-out}@keyframes fadeBackground{0%{background:linear-gradient(to right,rgba(0,0,0,0.4),rgba(0,0,0,0.4)),url('image/Other/cherry-blossoms-9552919_1280.webp') no-repeat center center;background-size:cover}50%{background:linear-gradient(to right,rgba(0,0,0,0.4),rgba(0,0,0,0.4)),url('image/Other/cherry-blossom-4194997_1280.jpg') no-repeat center center;background-size:cover}100%{background:linear-gradient(to right,rgba(0,0,0,0.4),rgba(0,0,0,0.4)),url('image/Other/cherry-blossoms-301253_1280.jpg') no-repeat center center;background-size:cover}}.main h1{font-size:3rem;color:white;font-weight:700}.main h4,.main strong{font-size:1.2rem;color:white;line-height:1.6}.main-log{animation:animate 1.5s 1}.bgefect{background:fixed;text-align:center;margin-top:5%}.new1{background:linear-gradient(rgba(91,90,90,0.2),rgba(209,208,208,0.8))}.card{border:none;border-radius:10px;box-shadow:var(--shadow-sm);transition:transform 0.3s ease;margin:20px;animation:animate linear;animation-timeline:view();animation-range:entry 0% cover 40%;overflow:hidden;box-shadow:var(--shadow-card);background:var(--color-background)}.card:hover{transform:translateY(-10px);box-shadow:var(--shadow-lg)}.card img{width:100%;height:auto;border-radius:10px;transition:var(--transition)}.card:hover img{transform:scale(1.05)}.card-body{padding:1.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.card-body h5{color:black;font-weight:700;text-align:center;transition:var(--transition)}.card-body h5:hover{color:var(--color-primary-dark)}.horver-me{width:100%;height:100%;top:100%;right:0;color:var(--color-surface);position:absolute;background:rgb(0,0,0,0.4);backdrop-filter:blur(5px);padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:600;transition:1s;border-radius:10px}.horver-me-btn{width:150px;height:50px;text-align:center;border-radius:20px;font-weight:800;box-shadow:inset 0 0 0 var(--color-primary);transition:all ease 0.5s;border:none;background:var(--color-background);color:var(--color-text)}.horver-me-btn:hover{box-shadow:inset 250px 0 0 var(--color-primary);color:white}.card:hover .horver-me{top:0}.card-singale:hover .horver-me{top:0}.row{text-align:center}.row h2{color:var(--color-text);font-weight:800}.singalProductShow{text-align:center}.singalProductShow h2{color:var(--color-text);font-weight:800}.btn{background-color:var(--color-primary);color:var(--color-text);font-weight:600;border:none;padding:10px 20px;border-radius:20px;cursor:pointer;transition:all ease 0.5s;display:none;box-shadow:inset 0 0 0 var(--color-primary)}.btn:hover{box-shadow:inset 250px 0 0 var(--color-primary);color:white}.contact-section-new{height:100%;width:100%;padding:50px;background-color:rgb(189,189,189)}.benifit{text-align:center;font-weight:400;color:black;animation:animate linear;animation-timeline:view();animation-range:entry 0% cover 50%}.benifit p{padding:20px;font-size:1.2rem}.benifit h4{font-weight:700}.about{background-color:#fff;padding:40px 0;text-align:center}.about h3{font-size:2.5rem;color:#d88b8d;margin-bottom:20px}.about p{color:black}.about-text{font-size:1.2rem;line-height:1.8}.social-icon-test{width:40px;height:40px;justify-content:center;transition:var(--transition)}.social-icon-test:hover{transform:scale(1.1)}.contact-section img{margin:0 15px}.contact-text{font-weight:700;color:black}.sakura-benifits{width:100vw;color:var(--color-muted);text-align:center;background-color:var(--color-primary);padding:3rem;font-weight:300;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light))}.li-text{margin-left:25vw;width:50vw;text-align:start}.screen-logo img{width:150px;height:150px;animation:animate linear;animation-timeline:view();animation-range:entry 0% cover 15%}.about-us{width:100vw;background:var(--color-surface);text-align:center;padding:5rem}.contact{display:flex;align-items:center;justify-content:space-around;padding:2rem;margin-top:2rem;text-align:center;color:#000000}.link-section li{color:var(--color-text);padding:1rem;text-decoration:none;color:inherit;transition:var(--transition);cursor:pointer}.link-section li:hover{color:var(--color-primary-dark)}.contact a{text-decoration:none;color:inherit}footer{color:#000000}.mail{display:flex;justify-content:center;align-items:center}.productSec{padding-bottom:3rem}.product-img{display:flex;flex:1;flex-direction:column;align-items:center;height:400px;width:400px;position:relative;margin-top:3rem}.product-image-main{width:400px;height:75%;border-radius:3%;transition:opacity 0.3s ease}.thumbnail-container{margin-top:1rem;display:flex;gap:10px}.thumbnail{width:80px;height:80px;border-radius:8px;cursor:pointer;border:2px solid transparent;object-fit:cover;transition:var(--transition)}.thumbnail:hover{border-color:#000000;transform:scale(1.1)}.text-start{margin-top:3rem}.txt-ani h1,.txt-ani h4{animation:animate 1.3s 1}.text-start h2,.text-start p{color:black}.row-singale{display:flex;justify-content:space-around;align-items:center}.card-singale{border:none;border-radius:10px;box-shadow:var(--shadow-sm);transition:transform 0.3s ease;margin:20px;animation:animate linear;animation-timeline:view();animation-range:entry 0% cover 50%;overflow:hidden;box-shadow:var(--shadow-card);background:var(--color-background)}.card-singale:hover{transform:translateY(-10px);box-shadow:var(--shadow-lg)}@keyframes move{0%{background-position:55% 66%}100%{background-position:100% 100%}}@keyframes animate{from{opacity:0;scale:0.5}to{opacity:1;scale:1}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:1024px){.navbar{flex-direction:column;height:auto;padding:1rem}.navbar ul{flex-direction:column;align-items:center;gap:1rem;margin:1rem 0 0 0}.navbar li{font-size:1rem}.main h1{font-size:2.2rem;text-align:center;padding:0 1rem}.main h4,.main strong{font-size:1rem;text-align:center;padding:0 1rem}.card{margin:1rem auto;width:90%}.product-img{width:90%;height:auto}.product-image-main{width:100%;height:auto}.thumbnail-container{justify-content:center;flex-wrap:wrap}.thumbnail{width:60px;height:60px}.about{padding:2rem 1rem}.about h3{font-size:2rem}.about-text,.benifit p{font-size:1rem}.li-text{width:80vw;margin-left:10vw}.contact{flex-direction:column;gap:1rem}.contact-section-new{padding:2rem 1rem}.logo h1{font-size:1.5rem}}@media (max-width:992px){.navbar-brand{font-size:1.5rem}.main{height:100vh}.main-text{margin-top:10rem}.main h1{font-size:2.5rem}.product{margin-top:15px}.social-icon-test{max-width:40px}.navbar{display:flex;justify-content:space-between;align-items:center;flex-direction:row;height:5rem;width:100%;background:var(--color-primary-dark);padding:1rem;position:fixed;top:0;left:0;z-index:1000}.navbar ul{display:none;position:absolute;top:100%;right:1rem;background:var(--color-primary-dark);flex-direction:column;gap:1rem;padding:1rem;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,0.2);width:200px;z-index:1000}.navbar ul.active{display:flex}.menu-btn{display:flex;background:transparent;border:none;cursor:pointer}.row-singale{display:grid;justify-content:space-around;align-items:center}.card:hover .horver-me{top:0;display:none}.card-singale:hover .horver-me{top:0;display:none}.btn{display:flex;justify-content:center;align-items:center}.center-class{display:grid;justify-content:center;align-items:center}.card-singale{display:flex;align-items:center;justify-content:center;padding:3rem}.card-singale img{width:60%}.link-section{display:flex;align-items:center;justify-content:space-around}.text-start{display:grid;justify-content:center;align-items:center}@supports (-webkit-appearance:none){.horver-me{display:none!important;visibility:hidden;position:absolute}}.text-start>*{text-align:center}.logo h1{font-size:1.3rem}}@media (max-width:768px){.main{height:100vh;width:100vw}.navbar{display:flex;justify-content:space-between;align-items:center;flex-direction:row;height:5rem;width:100%;background:var(--color-primary-dark);padding:1rem;position:fixed;top:0;left:0;z-index:1000}.navbar ul{display:none;position:absolute;top:100%;right:1rem;background:var(--color-primary-dark);flex-direction:column;gap:1rem;padding:1rem;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,0.2);width:200px;z-index:1000}.navbar ul.active{display:flex}.menu-btn{display:flex;background:transparent;border:none;cursor:pointer}.menu-btn img{width:30px;height:30px}.logo h1{font-size:1.2rem;color:white}.navbar img{width:40px;height:40px}.logoname{margin:0 auto}.card-body{padding:1rem}.btn{padding:8px 16px}.product{margin-top:15px}.row-singale{display:grid;justify-content:space-around;align-items:center}.card-singale{display:grid;align-items:center;justify-content:center;padding:3rem}.card-singale img{width:100%}.text-start{display:grid;justify-content:center;align-items:center}.text-start>*{text-align:center}.main h1{font-size:2rem}.main h4{font-size:1rem}.card{margin:10px}.card-body h5{font-size:0.9rem}.sakura-benifits{padding:2rem 1rem}.li-text{width:90vw;margin-left:5vw}.screen-logo img{width:100px;height:100px}}@media (max-width:576px){.main{height:100vh;width:100vw}.main-text{margin-top:2rem}.main h1{font-size:1.8rem}.main h4{font-size:0.9rem}.card-body h5{font-weight:500;text-align:center;color:black;font-size:0.8rem}.product{margin-top:15px}.social-icon-test{max-width:30px}.product-image-main{width:300px;height:75%;border-radius:3%;transition:opacity 0.3s ease}.row-singale{display:grid;justify-content:space-around;align-items:center}.contact{display:grid;justify-content:space-around;align-items:center}.link-section{display:flex;justify-content:space-around;align-items:center}.card:hover .horver-me{top:0;display:none}.card-singale:hover .horver-me{top:0;display:none}.btn{display:flex;justify-content:center;align-items:center}.sakura-benifits{width:100%;padding:1rem;padding-top:2rem}.li-text{margin-left:0;width:100%;text-align:start}.li-text li{font-size:0.9rem;line-height:1.6;align-items:flex-start}.text-start{display:grid;justify-content:center;align-items:center}.text-start>*{text-align:center}.card-singale{display:grid;align-items:center;justify-content:center}.card-singale img{width:100%}.contact{display:grid;justify-content:center;align-items:center}.logo h1{font-size:1rem}.navbar img{width:35px;height:35px}.menu-btn img{width:25px;height:25px}.card{margin:5px}.card-body{padding:0.8rem}.about h3{font-size:1.8rem}.about-text{font-size:1rem}.screen-logo img{width:80px;height:80px}.contact-section-new{padding:1rem}.benifit p{font-size:0.9rem;padding:10px}}