:root{box-sizing:border-box}*,:before,:after{box-sizing:inherit}html,body{min-width:320px;margin:0;padding:0;scroll-padding-top:80px;overflow-x:hidden}body{color:#111827;background:#fff;padding-top:80px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}img,picture,video,canvas,svg{max-width:100%;height:auto;display:block}h1,h2,h3,h4,h5,h6,p,span,strong,em,a,button{word-break:break-word;overflow-wrap:anywhere}.header{z-index:9999;-webkit-backdrop-filter:blur(12px);background:#fffffff5;border-bottom:1px solid #e5e7eb;width:100%;position:sticky;top:0;left:0;box-shadow:0 2px 12px #0000000d}.container{justify-content:space-between;align-items:center;gap:20px;max-width:1320px;margin:0 auto;padding:16px 24px;display:flex;position:relative}.logo{color:#111827;letter-spacing:-1px;z-index:1001;font-size:clamp(28px,4vw,42px);font-weight:800;line-height:1;text-decoration:none}.logo span{color:#000}.navigation{flex:1;justify-content:center;display:flex}.navList{align-items:center;gap:40px;margin:0;padding:0;list-style:none;display:flex}.navLink{color:#1f2937;font-size:17px;font-weight:600;text-decoration:none;transition:color .3s;position:relative}.navLink:after{content:"";background:#111827;width:0%;height:2px;transition:width .3s;position:absolute;bottom:-6px;left:0}.navLink:hover:after{width:100%}.navLink:hover{color:#000}.orderBtn{color:#3c3412;background:linear-gradient(135deg,#e2ca4c,#d5bc3d);border-radius:10px;justify-content:center;align-items:center;padding:15px 26px;font-size:15px;font-weight:700;text-decoration:none;transition:transform .3s,opacity .3s;display:inline-flex}.orderBtn:hover{opacity:.95;transform:translateY(-2px)}.desktopBtn{display:flex}.menuToggle{display:none}.menuButton{cursor:pointer;z-index:1001;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;display:none}.menuButton span{background:#111827;border-radius:20px;width:100%;height:3px;transition:all .3s}.mobileBtnWrap{display:none}@media (max-width:992px){.navList{gap:24px}.navLink{font-size:16px}}@media (max-width:768px){.container{padding:14px 18px}.menuButton{display:flex}.desktopBtn{display:none}.navigation{opacity:0;visibility:hidden;background:#fff;border-bottom:1px solid #e5e7eb;width:100%;max-height:0;transition:max-height .35s,opacity .35s,visibility .35s;position:absolute;top:100%;left:0;overflow:hidden}.menuToggle:checked~.navigation{opacity:1;visibility:visible;max-height:500px}.navList{flex-direction:column;align-items:flex-start;gap:18px;padding:22px 20px}.navLink{font-size:17px}.mobileBtnWrap{width:100%;margin-top:8px;display:flex}.mobileBtnWrap .orderBtn{width:100%}.menuToggle:checked+.menuButton span:first-child{transform:rotate(45deg)translate(6px,6px)}.menuToggle:checked+.menuButton span:nth-child(2){opacity:0}.menuToggle:checked+.menuButton span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}}@media (max-width:480px){.container{padding:12px 14px}.logo{font-size:26px}.navList{padding:18px 14px}.navLink{font-size:16px}.orderBtn{padding:14px 18px;font-size:14px}}