:root{--primary:#091a31;--bg:#091a31}*{margin:0;padding:0;box-sizing:border-box;outline:none;border:none;text-decoration:none}html{scroll-behavior:smooth}body{font-family:"Google Sans",sans-serif;background-color:var(--bg);color:#091a31}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1.4rem 15%;background-color:#ffffff;position:fixed;top:0;left:0;right:0;z-index:9999}.navbar .navbar-nav{gap:20px;margin-left:auto}.navbar .navbar-nav a{color:#091a31;display:inline-block;font-size:1.4rem;margin:0 0.5rem}.navbar .navbar-nav a:hover{color:#1d4a65}.navbar .navbar-nav a::after{content:"";display:block;padding-bottom:0.5rem;border-bottom:0.1rem solid #1d4a65;transform:scaleX(0);transition:0.2s linear}.navbar .navbar-nav a:hover::after{transform:scaleX(0.5)}.navbar .navbar-extra a{color:#091a31;margin:0 0.5rem;margin-left:20px}.navbar .navbar-extra a:hover{color:#1d4a65}#hamburger-menu{display:none}.cart-badge{position:absolute;top:-15px;right:-11px;background-color:#091a31;color:white;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:bold;z-index:10;border:2px solid white;box-shadow:0 2px 4px rgba(0,0,0,0.2)}.faq{padding:7rem 7% 1.4rem;margin-top:20px}.faq-header h2{text-align:center;font-size:3rem;margin-bottom:1rem;color:#ffffff}.faq-header h2 span{color:#a5bbde}.faq-header p{text-align:center;max-width:60rem;margin:auto;font-size:1.2rem;line-height:1.6;color:#ffffff;margin-bottom:20px}.faq-list{max-width:700px;margin:auto}.faq-item{background:#fff;border-radius:8px;margin-bottom:15px;overflow:hidden;border:1px}.faq-question{padding:18px 20px;cursor:pointer;font-weight:600;display:flex;justify-content:space-between;align-items:center}.faq-answer{background:#a0a0a0;padding:0 20px;max-height:0;overflow:hidden;transition:0.3s ease;color:#ffffff}.faq-item.active .faq-answer{max-height:150px;padding:15px 20px}.faq-item.active .faq-question span{transform:rotate(45deg)}.footer{background:#ffffff;color:#091a31;padding:80px 15% 30px}.footer-container{display:flex;justify-content:space-between;align-items:flex-start}.footer-right{display:flex;gap:60px}.footer-left{margin-right:60px}.footer-container img{width:100px}.footer-col p{margin:15px 0;line-height:1.6;max-width:500px}.footer .social a{display:inline-flex;margin-right:10px;width:35px;height:35px;background:#091a31;color:#fff;align-items:center;justify-content:center;border-radius:50%}.footer .social a:hover{background:#1b4887}.footer-col h3{color:#091a31;margin-bottom:39px}.footer .navigasip a{color:#091a31}.footer .navigasip a:hover{color:#1b4887}.footer-col ul{list-style:none;padding:0}.footer-col ul li{margin-bottom:10px;font-size:14px;cursor:pointer}.footer-col ul li:hover{color:#1b4887}.footer-col .navigasip{font-size:10px}.contact-info li{display:flex;align-items:center;gap:10px;cursor:default}.footer-col .contact-info li:hover{color:inherit;cursor:default}.footer-bottom{border-top:1px solid #333;margin-top:50px;padding-top:20px;display:flex;justify-content:space-between;flex-wrap:wrap}.footer-bottom p{font-size:14px}@media (max-width:1366px){html{font-size:75%}}@media (max-width:768px){html{font-size:62.5%}#hamburger-menu{display:inline-block}.navbar .navbar-nav{position:absolute;top:100%;right:-100%;background-color:#091a31;width:30rem;height:100vh;transition:0.3s}.navbar .navbar-nav.active{right:0}.navbar .navbar-nav a{color:#ffffff;display:block;margin:1.5rem;padding:0.5rem;font-size:2rem}.navbar .navbar-nav a::after{transform-origin:0 0}.navbar .navbar-nav a:hover::after{transform:scaleX(0.2)}.navbar{padding:1rem 7%}.logo img{width:85px}.footer{padding:50px 7% 20px}.footer-container{flex-direction:column}.footer-left{margin-right:0;margin-bottom:30px}.footer-right{flex-direction:column;gap:30px}.footer-col h3{margin-bottom:20px;font-size:16px}.footer-col ul li{font-size:12px}.footer-col p{font-size:12px}.footer-bottom{margin-top:30px;padding-top:15px;flex-direction:column}.footer-bottom p{font-size:12px;margin-bottom:10px}}@media (max-width:450px){html{font-size:55%}.navbar{padding:1rem 5%}.logo img{width:70px}.faq-list{font-size:12px}.footer{padding:40px 4% 15px;margin-top:80px}.footer-container img{width:80px}.footer-col h3{font-size:14px;margin-bottom:15px}.footer-col ul li{font-size:11px;margin-bottom:8px}.footer-col p{font-size:11px;margin:10px 0}.footer .social a{width:30px;height:30px}.footer-bottom{padding-top:10px;margin-top:20px;flex-direction:column}.footer-bottom p{font-size:11px;margin-bottom:8px}}