@import"https://fonts.googleapis.com/css2?family=Ledger&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";.navbar{background-color:#fff;height:80px;border-bottom:1px solid #eaeaea;position:sticky;top:0;z-index:1000}.navbar .hamburger-button{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#333;margin-left:auto;padding:.5rem;transition:color .2s ease}.navbar .hamburger-button:hover{color:#2f3c85}@media (max-width: 768px){.navbar .hamburger-button{display:block}}.navbar .navbar-content{max-width:1400px;height:100%;margin:0 auto;padding:0 2rem;display:flex;align-items:center;gap:2rem}@media (max-width: 768px){.navbar .navbar-content{padding:0 1rem;justify-content:space-between}}.navbar .logo-section{height:60px;display:flex;align-items:center}.navbar .logo-section img{height:100%;object-fit:contain}.navbar .nav-links{display:flex;align-items:center;gap:2rem;width:100%}.navbar .nav-links a{text-decoration:none;color:#333;font-weight:500;transition:color .2s ease}.navbar .nav-links a:hover{color:#2f3c85}.navbar .nav-links .dropdown-container-skibidi{position:relative}.navbar .nav-links .dropdown-container-skibidi .dropdown-trigger{display:flex;align-items:center;gap:.5rem;background:none;border:none;cursor:pointer;font-size:1rem;color:#333;padding:.5rem 1rem;padding-left:0;font-weight:500;transition:color .2s ease}.navbar .nav-links .dropdown-container-skibidi .dropdown-trigger .arrow{transition:transform .3s ease}.navbar .nav-links .dropdown-container-skibidi .dropdown-trigger .arrow.rotate{transform:rotate(180deg)}.navbar .nav-links .dropdown-container-skibidi .dropdown-trigger:hover{color:#2f3c85}.navbar .nav-links .dropdown-container-skibidi .dropdown-menu{position:absolute;top:100%;left:0;background:#fff;box-shadow:0 4px 6px #0000001a;border-radius:8px;width:300px;padding:1rem;display:grid;gap:.5rem;max-height:400px;overflow-y:auto}.navbar .nav-links .dropdown-container-skibidi .dropdown-menu .dropdown-item{text-decoration:none;color:#333;padding:.75rem;border-radius:4px;transition:background-color .2s ease}.navbar .nav-links .dropdown-container-skibidi .dropdown-menu .dropdown-item:hover{background-color:#f5f5f5}.navbar .nav-links .dropdown-container-skibidi .dropdown-menu .dropdown-item h3{font-size:1rem;margin-bottom:.25rem;color:#333}.navbar .nav-links .dropdown-container-skibidi .dropdown-menu .dropdown-item p{font-size:.875rem;color:#666;margin:0}.navbar .nav-links .language-toggle-mobile{background:none;border:none;padding:.5rem;cursor:pointer;display:none;align-items:center}.navbar .nav-links .language-toggle-mobile .flag-icon{width:2.5rem;height:auto;border-radius:4px;box-shadow:0 2px 4px #0000001a}.navbar .nav-links .language-toggle-pc{margin-left:auto;display:flex;background:none;border:none;padding:.5rem;cursor:pointer;align-items:center}@media (max-width: 768px){.navbar .nav-links .language-toggle-pc{display:none}}.navbar .nav-links .language-toggle-pc .flag-icon{width:2.5rem;height:auto;border-radius:4px;box-shadow:0 2px 4px #0000001a}@media (max-width: 768px){.navbar .nav-links{position:fixed;top:80px;right:-100%;width:70%;height:calc(100vh - 80px);background-color:#fff;flex-direction:column;padding:2rem;transition:right .3s ease;box-shadow:-2px 0 5px #0000001a;gap:0}.navbar .nav-links.mobile-open{right:0}.navbar .nav-links a{width:100%;padding:1rem 0;border-bottom:1px solid #eaeaea}.navbar .nav-links .dropdown-container-skibidi{width:100%;background-color:red;height:0}.navbar .nav-links .dropdown-container-skibidi .dropdown-trigger{width:100%;padding:1rem 0;border-bottom:1px solid #eaeaea;justify-content:space-between}.navbar .nav-links .dropdown-container-skibidi .dropdown-menu{position:relative;width:100%;left:0;box-shadow:none;border:1px solid #eaeaea;max-height:300px;margin-top:1rem}.navbar .nav-links .language-toggle-mobile{display:flex;margin:1rem 0;margin-left:0;padding:1rem 0;border-bottom:1px solid #eaeaea;width:100%;justify-content:flex-start}.navbar .nav-links .language-toggle-mobile .flag-icon{margin-left:auto;width:2rem}}.dropdown-menu::-webkit-scrollbar{width:8px}.dropdown-menu::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.dropdown-menu::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.dropdown-menu::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width: 768px){.nav-links{position:fixed;top:80px;right:-100%;width:70%;height:calc(100vh - 80px);flex-direction:column;padding:2rem;transition:right .3s ease;background-color:#fff;box-shadow:-2px 0 5px #0000001a;z-index:1001}.nav-links.mobile-open{right:0}.nav-links.mobile-open:before{content:"";position:fixed;top:80px;right:70%;width:100%;height:100vh;background:#00000080;z-index:-1}}.footer{background-color:#1a1a1a;color:#fff;padding:4rem 2rem 2rem}.footer .footer-container{max-width:1200px;margin:0 auto}.footer .footer-content{display:flex;flex-direction:column;gap:2rem}.footer .footer-logo{display:flex;justify-content:space-between}.footer .footer-logo .main-div{display:flex;align-items:center}.footer .footer-logo img{width:200px}.footer .ryms-footer-container{display:flex;align-items:center;gap:20px}@media (max-width: 768px){.footer .ryms-footer-container{justify-content:center;margin-top:20px}}.footer .ryms-footer-container .ryms-logo{width:30px}.footer .footer-info .address-section{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}@media (max-width: 1024px){.footer .footer-info .address-section{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.footer .footer-info .address-section{grid-template-columns:1fr}}.footer .address-block h4,.footer .footer-links h4{color:#fff;font-size:1.1rem;margin-bottom:1rem;font-weight:600}.footer .address-block .footer-description,.footer .footer-links .footer-description{color:#ccc;line-height:1.6;font-size:.95rem}.footer .footer-links ul{list-style:none;padding:0;margin:0}.footer .footer-links ul li{color:#ccc;margin-bottom:1rem;transition:color .3s ease;font-size:.95rem}.footer .footer-links ul li:hover{color:#fff}.footer .footer-bottom{max-width:1200px;margin:0 auto;padding-top:2rem;margin-top:3rem;border-top:1px solid rgba(255,255,255,.1);text-align:center;display:flex;justify-content:space-between}@media (max-width: 768px){.footer .footer-bottom{flex-direction:column}}.footer .footer-bottom p{color:#888;font-size:.9rem}.header-container{position:relative;padding:50px;display:flex;justify-content:center;height:90vh;align-items:center;background-color:#f8f6f3}@media (max-width: 768px){.header-container{padding:40px 20px;height:auto}}.header-container:after{content:"";position:absolute;bottom:0;right:0;background-image:url(../../assets/leaf2.png);background-repeat:no-repeat;background-size:50vh;width:50vh;height:50vh;opacity:.2;z-index:1;transform:translateY(10vh)}@media (max-width: 768px){.header-container:after{display:none}}.header-container .header-content{display:flex;align-items:center;justify-content:space-between;max-width:1500px;width:100%;z-index:1}@media (max-width: 768px){.header-container .header-content{flex-direction:column}}.header-container .header-content .image-section{flex:1;display:flex;justify-content:center}.header-container .header-content .image-section .hero-image{width:80%;max-width:600px}@media (max-width: 768px){.header-container .header-content .image-section .hero-image{display:none}}.header-container .header-content .mobile-image-header-container{display:none}@media (max-width: 768px){.header-container .header-content .mobile-image-header-container{display:block;width:100%;text-align:center;padding:50px}.header-container .header-content .mobile-image-header-container .mobile-hero-image{width:100%;max-width:100%;height:auto;object-fit:contain}}.header-container .header-content .text-section{flex:1.2;padding-left:20px}@media (max-width: 768px){.header-container .header-content .text-section{padding-left:0;text-align:center;align-items:center;justify-content:center}}.header-container .header-content .text-section h4{font-size:1.2rem;color:#545d69;margin-bottom:10px;font-weight:600}.header-container .header-content .text-section h1{font-size:2.5rem;font-weight:700;color:#333;margin-bottom:20px}@media (max-width: 768px){.header-container .header-content .text-section h1{font-size:2rem}}.header-container .header-content .text-section p{font-size:1rem;color:#666;line-height:1.6;margin-bottom:20px}@media (max-width: 768px){.header-container .header-content .text-section p{font-size:.9rem}}.header-container .header-content .text-section .explore-button{padding:10px 20px;display:flex;align-items:center;gap:10px;background-color:#364598;color:#fff;font-size:1rem;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}@media (max-width: 768px){.header-container .header-content .text-section .explore-button{margin:0 auto}}.header-container .header-content .text-section .explore-button:hover{background-color:#2f3c85}.ribbon-info-container{display:flex;justify-content:center;align-items:stretch;background-color:#1c1c1c;padding:40px 80px;gap:20px;flex-direction:column;text-align:center}.ribbon-info-container h1{color:#fff}.ribbon-info-container .card-container{display:flex;gap:20px}@media (max-width: 768px){.ribbon-info-container .card-container{flex-direction:column}}.ribbon-info-container .card-container .ribbon-card{background-color:#2e2e2e;border-radius:12px;padding:30px 20px;text-align:left;color:#fff;flex:1;display:flex;flex-direction:column;gap:8px;transition:background-color .3s}@media (max-width: 768px){.ribbon-info-container .card-container .ribbon-card{align-items:center;text-align:center}}.ribbon-info-container .card-container .ribbon-card .icon{font-size:2.5rem;color:#c1c3c7;margin-bottom:12px}.ribbon-info-container .card-container .ribbon-card h4{font-size:1.25rem;font-weight:600;margin:0}.ribbon-info-container .card-container .ribbon-card p{font-size:1rem;color:#999;margin:0}.ribbon-info-container .card-container .ribbon-card:hover{background-color:#383838}@media (max-width: 768px){.ribbon-info-container{flex-direction:column;padding:20px}.ribbon-info-container .ribbon-card{margin:0;width:100%}}.categories-container{padding:60px 20px;max-width:1200px;margin:0 auto}.categories-container h1{text-align:center;font-size:2.5rem;margin-bottom:50px;color:#333;font-weight:600}@media (max-width: 480px){.categories-container h1{font-size:2rem}}.categories-container .products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media (max-width: 1024px){.categories-container .products-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.categories-container .products-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.categories-container .products-grid{grid-template-columns:repeat(2,1fr);gap:15px}}.categories-container .product-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px #0000000d;transition:transform .3s ease;display:flex;flex-direction:column}.categories-container .product-card:hover{transform:translateY(-5px)}.categories-container .product-card .product-image{width:100%;aspect-ratio:1;position:relative;background:#f5f5f5}.categories-container .product-card .product-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.categories-container .product-card .product-info{padding:20px;display:flex;flex-direction:column;flex:1;justify-content:space-between}@media (max-width: 480px){.categories-container .product-card .product-info{padding:15px}}.categories-container .product-card .product-info .content h3{font-size:1.25rem;color:#333;font-weight:600;margin-bottom:10px}@media (max-width: 480px){.categories-container .product-card .product-info .content h3{font-size:1rem}}.categories-container .product-card .product-info .content p{color:#666;font-size:.95rem;line-height:1.5;margin-bottom:20px}@media (max-width: 480px){.categories-container .product-card .product-info .content p{font-size:.85rem;margin-bottom:15px}}.categories-container .product-card .product-info .see-more-btn{background:transparent;border:2px solid #364598;color:#364598;padding:8px 20px;border-radius:10px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;width:fit-content;margin-top:auto}@media (max-width: 768px){.categories-container .product-card .product-info .see-more-btn{border-radius:10px;background-color:#364598;color:#fff;font-size:.8rem;padding:6px 16px}}.categories-container .product-card .product-info .see-more-btn:hover{background:#364598;color:#fff}.ribbon{background-color:#111;color:#fff;padding:2rem 0}.ribbon .ribbon-container{max-width:1200px;margin:0 auto;text-align:center}.ribbon .ribbon-container .ribbon-title{font-size:1.5rem;margin-bottom:2rem}.ribbon .ribbon-container .ribbon-stats{display:flex;justify-content:space-around;align-items:center;gap:2rem}.ribbon .ribbon-container .ribbon-stats .ribbon-stat{text-align:center}.ribbon .ribbon-container .ribbon-stats .ribbon-stat .ribbon-number{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.ribbon .ribbon-container .ribbon-stats .ribbon-stat .ribbon-label{font-size:1rem;font-weight:400}@media (max-width: 768px){.ribbon .ribbon-stats{flex-direction:column;gap:1rem}.ribbon .ribbon-stat .ribbon-number{font-size:2rem}.ribbon .ribbon-stat .ribbon-label{font-size:.9rem}}.vision-mission-wrapper{background-color:#f9f9f9;padding:50px 0}.vision-mission-wrapper .main-container{max-width:1200px;margin:0 auto}.vision-mission-wrapper .vision-mission-container{display:flex;align-items:center;justify-content:space-between;gap:2rem}@media (max-width: 768px){.vision-mission-wrapper .vision-mission-container{flex-direction:column;text-align:center}}.vision-mission-wrapper .vision-mission-container .vision-image{flex:1;position:relative;overflow:hidden;height:50vh}.vision-mission-wrapper .vision-mission-container .vision-image img{width:100%;height:100%;object-fit:cover}.vision-mission-wrapper .vision-mission-container .vision-text{flex:1;text-align:left}@media (max-width: 768px){.vision-mission-wrapper .vision-mission-container .vision-text{text-align:center}}.vision-mission-wrapper .vision-mission-container .vision-text h1{font-size:2rem;margin-bottom:1.5rem;color:#333}.vision-mission-wrapper .vision-mission-container .vision-text p{font-size:1rem;line-height:1.8;margin-bottom:1rem;color:#666}.vision-mission-wrapper .vision-mission-container .vision-text p strong{color:#000}.about-wrapper{position:relative;background-color:#f8f6f3;padding:10vh 0}.about-wrapper .about-container{display:flex;align-items:center;justify-content:center}.about-wrapper .leaf-img{position:absolute;bottom:0;left:50%;transform:translate(-50%,50%);width:10vw}@media (max-width: 768px){.about-wrapper .leaf-img{width:30vw}}.h1-about{font-size:3rem}.about-header-container{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:10vh 0}@media (max-width: 768px){.about-header-container{flex-direction:column;text-align:center}}.about-header-container .div-1{flex:1;padding-right:1rem}.about-header-container .div-1 h1{margin-bottom:2rem}.about-header-container .div-1 p{line-height:1.8;margin-bottom:1rem}.about-header-container .div-2{flex:1;overflow:hidden;height:50vh;display:flex;justify-content:center;align-items:center}@media (max-width: 768px){.about-header-container .div-2{min-height:20vh}}.about-header-container .div-2 img{width:100%;height:100%;object-fit:cover}.contact-header{background-color:#f8f6f3;padding-top:10vh;padding-bottom:20vh}.contact-header .h1-about{font-size:2.5rem;color:#333;text-align:center}.contact-text-wrapper{position:relative;padding:5rem 1rem;height:50vh}@media (max-width: 768px){.contact-text-wrapper{height:90vh}}.contact-text-wrapper .dropshadow-contact{position:absolute;top:-10vh;display:flex;justify-content:center;height:40vh;left:50%;transform:translate(-50%);width:90%;max-width:1200px;margin:0 auto;background-color:#fff;border-radius:8px;padding:3rem 2rem;box-shadow:0 8px 16px #0000001a;text-align:center;border-top:1px solid #eee}@media (max-width: 768px){.contact-text-wrapper .dropshadow-contact{height:auto}}.contact-text-wrapper .dropshadow-contact .leaf-img{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);width:7rem;height:auto;z-index:1}.contact-text-wrapper .dropshadow-contact .contact-div-inside{display:flex;flex-wrap:wrap;gap:1.5rem;height:100%}@media (max-width: 768px){.contact-text-wrapper .dropshadow-contact .contact-div-inside{flex-direction:column}}@media (min-width: 769px){.contact-text-wrapper .dropshadow-contact .contact-div-inside{flex-direction:row;justify-content:space-between}}.contact-text-wrapper .dropshadow-contact .contact-div-inside .contact-item{flex:1;background:#f9f9f9;border-radius:8px;padding:1.5rem;box-shadow:0 4px 8px #0000000d;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.contact-text-wrapper .dropshadow-contact .contact-div-inside .contact-item .contact-icon{font-size:2rem;color:#364598;margin-bottom:1rem}.contact-text-wrapper .dropshadow-contact .contact-div-inside .contact-item p{margin:.5rem 0;font-size:1rem;color:#333}*{padding:0;margin:0;box-sizing:border-box;font-family:Outfit}body{min-height:100vh}a{text-decoration:none;color:inherit}.button-primary{background-color:#364598;color:#fff;padding:8px;border:none;border-radius:5px;cursor:pointer;box-shadow:0 2px 4px #0003;transition:background-color .2s ease}.button-primary:hover{background-color:#2f3c85}.button-logout-primary{background-color:#364598;color:#fff;padding:8px;border:none;border-radius:5px;cursor:pointer;box-shadow:0 2px 4px #0003;transition:background-color .2s ease;width:100px;height:40px}.button-logout-primary:hover{background-color:#2f3c85}.button-secondary{background-color:#f7c30e;color:#fff;padding:8px;border:none;border-radius:5px;cursor:pointer;box-shadow:0 2px 4px #0003;transition:background-color .2s ease}.button-secondary:hover{background-color:#e4b308}.button-logout-secondary{background-color:#f7c30e;color:#fff;padding:8px;border:none;border-radius:5px;cursor:pointer;box-shadow:0 2px 4px #0003;transition:background-color .2s ease;width:100px;height:40px}.button-logout-secondary:hover{background-color:#e4b308}.button-green{background-color:#34db5e;color:#fff;padding:8px;border:none;border-radius:5px;cursor:pointer;box-shadow:0 2px 4px #0003;transition:background-color .2s ease}.button-green:hover{background-color:#25d150}.button-logout-green{background-color:#34db5e;color:#fff;padding:8px;border:none;border-radius:5px;cursor:pointer;box-shadow:0 2px 4px #0003;transition:background-color .2s ease;width:100px;height:40px}.button-logout-green:hover{background-color:#25d150}.button-white{background-color:#fff;color:#fff;padding:8px;border:none;border-radius:5px;cursor:pointer;box-shadow:0 2px 4px #0003;transition:background-color .2s ease}.button-white:hover{background-color:#f2f2f2}.button-logout-white{background-color:#fff;color:#fff;padding:8px;border:none;border-radius:5px;cursor:pointer;box-shadow:0 2px 4px #0003;transition:background-color .2s ease;width:100px;height:40px}.button-logout-white:hover{background-color:#f2f2f2}.button-cardBG{background-color:#fcfcfd;color:#fff;padding:8px;border:none;border-radius:5px;cursor:pointer;box-shadow:0 2px 4px #0003;transition:background-color .2s ease}.button-cardBG:hover{background-color:#ededf3}.button-logout-cardBG{background-color:#fcfcfd;color:#fff;padding:8px;border:none;border-radius:5px;cursor:pointer;box-shadow:0 2px 4px #0003;transition:background-color .2s ease;width:100px;height:40px}.button-logout-cardBG:hover{background-color:#ededf3}.button-grey{background-color:#f8f6f3;color:#fff;padding:8px;border:none;border-radius:5px;cursor:pointer;box-shadow:0 2px 4px #0003;transition:background-color .2s ease}.button-grey:hover{background-color:#efeae3}.button-logout-grey{background-color:#f8f6f3;color:#fff;padding:8px;border:none;border-radius:5px;cursor:pointer;box-shadow:0 2px 4px #0003;transition:background-color .2s ease;width:100px;height:40px}.button-logout-grey:hover{background-color:#efeae3}.button-light-dark{background-color:#545d69;color:#fff;padding:8px;border:none;border-radius:5px;cursor:pointer;box-shadow:0 2px 4px #0003;transition:background-color .2s ease}.button-light-dark:hover{background-color:#49505b}.button-logout-light-dark{background-color:#545d69;color:#fff;padding:8px;border:none;border-radius:5px;cursor:pointer;box-shadow:0 2px 4px #0003;transition:background-color .2s ease;width:100px;height:40px}.button-logout-light-dark:hover{background-color:#49505b}.button-light-grey{background-color:#c1c3c7;color:#fff;padding:8px;border:none;border-radius:5px;cursor:pointer;box-shadow:0 2px 4px #0003;transition:background-color .2s ease}.button-light-grey:hover{background-color:#b4b6bb}.button-logout-light-grey{background-color:#c1c3c7;color:#fff;padding:8px;border:none;border-radius:5px;cursor:pointer;box-shadow:0 2px 4px #0003;transition:background-color .2s ease;width:100px;height:40px}.button-logout-light-grey:hover{background-color:#b4b6bb}.button-black{background-color:#2b2d2f;color:#fff;padding:8px;border:none;border-radius:5px;cursor:pointer;box-shadow:0 2px 4px #0003;transition:background-color .2s ease}.button-black:hover{background-color:#1f2022}.button-logout-black{background-color:#2b2d2f;color:#fff;padding:8px;border:none;border-radius:5px;cursor:pointer;box-shadow:0 2px 4px #0003;transition:background-color .2s ease;width:100px;height:40px}.button-logout-black:hover{background-color:#1f2022}.button-delete{background-color:#d65745;color:#fff;padding:8px;border:none;border-radius:5px;cursor:pointer;box-shadow:0 2px 4px #0003;transition:background-color .2s ease}.button-delete:hover{background-color:#d14430}.button-logout-delete{background-color:#d65745;color:#fff;padding:8px;border:none;border-radius:5px;cursor:pointer;box-shadow:0 2px 4px #0003;transition:background-color .2s ease;width:100px;height:40px}.button-logout-delete:hover{background-color:#d14430}.about-button{font-size:16px;font-weight:400;background-color:transparent;border:none;outline:none;cursor:pointer;font-family:Arial,sans-serif}.hello-button{background-color:#364598;color:#fff;padding:8px 16px;border:none;border-radius:5px;cursor:pointer;box-shadow:0 2px 4px #0003;transition:background-color .2s ease}.hello-button:hover{background-color:#2f3c85}.dropdown-language{position:relative;display:inline-block}.dropdown-language-button{background-color:#f1f1f1;border:none;border-radius:4px;padding:8px 16px;cursor:pointer;font-size:14px;color:#333;display:flex;align-items:center;gap:4px;box-shadow:0 2px 4px #0000001a}.dropdown-language-menu{display:none;position:absolute;top:100%;left:0;background-color:#fff;padding:5px;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin-top:3px;z-index:1000}.dropdown-language:hover .dropdown-language-menu,.dropdown-language-menu:hover{display:block}.dropdown-language-item{background:none;border:none;padding:10px;border-radius:8px;text-align:left;width:100%;cursor:pointer;font-size:14px;color:#333;transition:background-color .3s ease}.dropdown-language-item:hover{background-color:#f1f1f1}.dropdown-language-item.active{background-color:#f5c97b;color:#831a15}@media (max-width: 768px){.hello-button{background-color:#f7c30e}.hello-button:hover{background-color:#e4b308}}.main-container{display:flex;flex-direction:column;padding:20px 0;width:93%;max-width:1300px;margin:0 auto}@media (max-width: 768px){.main-container{padding:8px 0}}.mobile-hidden{display:block}.flex-center{display:flex;align-items:center;justify-content:center}.pc-hidden{display:none}@media screen and (max-width: 768px){.mobile-hidden{display:none}.pc-hidden{display:block}}.text-primary{color:#364598}.text-primary:hover{color:#0e1227}.text-16px-600-primary{color:#364598;font-size:16px;font-weight:600}.text-20px-600-primary{color:#364598;font-size:20px;font-weight:600}.text-color-primary{color:#364598}.text-secondary{color:#f7c30e}.text-secondary:hover{color:#695203}.text-16px-600-secondary{color:#f7c30e;font-size:16px;font-weight:600}.text-20px-600-secondary{color:#f7c30e;font-size:20px;font-weight:600}.text-color-secondary{color:#f7c30e}.text-green{color:#34db5e}.text-green:hover{color:#126427}.text-16px-600-green{color:#34db5e;font-size:16px;font-weight:600}.text-20px-600-green{color:#34db5e;font-size:20px;font-weight:600}.text-color-green{color:#34db5e}.text-white{color:#fff}.text-white:hover{color:#b3b3b3}.text-16px-600-white{color:#fff;font-size:16px;font-weight:600}.text-20px-600-white{color:#fff;font-size:20px;font-weight:600}.text-color-white{color:#fff}.text-cardBG{color:#fcfcfd}.text-cardBG:hover{color:#a0a0c0}.text-16px-600-cardBG{color:#fcfcfd;font-size:16px;font-weight:600}.text-20px-600-cardBG{color:#fcfcfd;font-size:20px;font-weight:600}.text-color-cardBG{color:#fcfcfd}.text-grey{color:#f8f6f3}.text-grey:hover{color:#c0ae92}.text-16px-600-grey{color:#f8f6f3;font-size:16px;font-weight:600}.text-20px-600-grey{color:#f8f6f3;font-size:20px;font-weight:600}.text-color-grey{color:#f8f6f3}.text-light-dark{color:#545d69}.text-light-dark:hover{color:#101214}.text-16px-600-light-dark{color:#545d69;font-size:16px;font-weight:600}.text-20px-600-light-dark{color:#545d69;font-size:20px;font-weight:600}.text-color-light-dark{color:#545d69}.text-light-grey{color:#c1c3c7}.text-light-grey:hover{color:#71757e}.text-16px-600-light-grey{color:#c1c3c7;font-size:16px;font-weight:600}.text-20px-600-light-grey{color:#c1c3c7;font-size:20px;font-weight:600}.text-color-light-grey{color:#c1c3c7}.text-black{color:#2b2d2f}.text-black:hover{color:#000}.text-16px-600-black{color:#2b2d2f;font-size:16px;font-weight:600}.text-20px-600-black{color:#2b2d2f;font-size:20px;font-weight:600}.text-color-black{color:#2b2d2f}.text-delete{color:#d65745}.text-delete:hover{color:#6b2217}.text-16px-600-delete{color:#d65745;font-size:16px;font-weight:600}.text-20px-600-delete{color:#d65745;font-size:20px;font-weight:600}.text-color-delete{color:#d65745}h2{font-family:Inter,sans-serif;font-size:28px}p{font-family:Inter,sans-serif;font-size:16px}.desktop-text{display:inline}.mobile-text{display:none}@media (max-width: 768px){.desktop-text{display:none}.mobile-text{display:inline}}.app-container{display:flex;flex-direction:column;min-height:100vh;font-family:Ledger,serif}h1{font-family:Ledger,serif;line-height:1.2}.main-content{flex:1 0 auto}.seafood-page{min-height:100vh;background:#fff}.seafood-page .hero-section{position:relative;height:40vh;background-image:url(/api/placeholder/1920/1080);background-size:cover;background-position:center}.seafood-page .hero-section .overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#f8f6f3}.seafood-page .hero-section .content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.seafood-page .hero-section .content h1{font-size:3.5rem;font-weight:700;color:#1f2937;text-align:center;margin-bottom:1rem}@media (max-width: 768px){.seafood-page .hero-section .content h1{font-size:2rem}}.seafood-page .content-section{max-width:72rem;margin:0 auto;padding:4rem 1rem}.seafood-page .content-section .main-content{display:grid;grid-template-columns:1fr;gap:3rem;margin-bottom:5rem}@media (min-width: 768px){.seafood-page .content-section .main-content{grid-template-columns:1fr 1fr}}.seafood-page .content-section .main-content .image-container{position:relative;border-radius:.5rem;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a}.seafood-page .content-section .main-content .image-container img{width:100%;height:100%;object-fit:cover}.seafood-page .content-section .main-content .text-content{display:flex;flex-direction:column;gap:1.5rem}.seafood-page .content-section .main-content .text-content h2{font-size:2rem;font-weight:600;color:#1f2937}.seafood-page .content-section .main-content .text-content .description{font-size:1.125rem;color:#4b5563;line-height:1.7}.seafood-page .content-section .main-content .text-content .features h3{font-size:1.25rem;font-weight:500;color:#1f2937;margin-bottom:1rem}.seafood-page .content-section .main-content .text-content .features ul{display:flex;flex-direction:column;gap:.5rem}.seafood-page .content-section .main-content .text-content .features ul li{display:flex;align-items:center;gap:.5rem;color:#4b5563}.seafood-page .content-section .main-content .text-content .features ul li:before{content:"";width:.5rem;height:.5rem;border-radius:50%;background-color:#364598}.seafood-page .content-section .main-content .text-content .download-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:#364598;color:#fff;border-radius:.5rem;font-weight:500;transition:all .3s ease;box-shadow:0 4px 6px -1px #0000001a;cursor:pointer}.seafood-page .content-section .main-content .text-content .download-btn:hover{background-color:#293472;transform:translateY(-2px)}.seafood-page .content-section .main-content .text-content .download-btn svg{width:1.25rem;height:1.25rem}.seafood-page .content-section .main-content .text-content .wa-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:#34db5e;color:#fff;border-radius:.5rem;font-weight:500;transition:all .3s ease;box-shadow:0 4px 6px -1px #0000001a;cursor:pointer}.seafood-page .content-section .main-content .text-content .wa-btn:hover{background-color:#21bb48;transform:translateY(-2px)}.seafood-page .content-section .main-content .text-content .wa-btn svg{width:1.25rem;height:1.25rem}.seafood-page .content-section .info-cards{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 768px){.seafood-page .content-section .info-cards{grid-template-columns:repeat(3,1fr)}}.seafood-page .content-section .info-cards .card{padding:1.5rem;background-color:#fff;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a;transition:all .3s ease}.seafood-page .content-section .info-cards .card:hover{transform:translateY(-5px)}.seafood-page .content-section .info-cards .card h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:1rem}.seafood-page .content-section .info-cards .card p{color:#4b5563}.flavor-list-container{margin:4rem 0;padding:2rem 0}.flavor-list-container h1{text-align:center;font-size:2rem;font-weight:600;color:#1f2937;margin-bottom:2rem}.flavor-list-container .list-container{display:flex;flex-direction:row;gap:3rem;margin:2rem 0;padding:0 1rem}@media (max-width: 768px){.flavor-list-container .list-container{flex-direction:column}}.flavor-list-container .list-container .item-list{flex:1}.flavor-list-container .list-container .item-list h3{margin:20px 0;border-bottom:1px solid #c1c3c7;padding-bottom:10px}@media (max-width: 768px){.flavor-list-container .list-container .item-list{max-width:100%}}.flavor-list-container .list-container .item-list ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.flavor-list-container .list-container .item-list ul li{font-size:1.125rem;color:#1f2937;padding:.75rem 1rem;background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;transition:all .3s ease}.flavor-list-container .list-container .item-list ul li:hover{transform:translate(5px);box-shadow:0 2px 4px #00000026}.flavor-list-container .list-container .image-div{flex:0 0 30%}@media (max-width: 768px){.flavor-list-container .list-container .image-div{width:100%;max-height:300px}}.flavor-list-container .list-container .image-div div{width:100%;height:100%;border-radius:.5rem;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a}.flavor-list-container .list-container .image-div div img{width:100%;height:100%;object-fit:cover;border-radius:.5rem}